/**
 * Utah Window Experts - Project Wizard Styles
 */
 
/* 1.0.7 ------ Updated styles for the checkout layout with separate options area */

/* Scrollable project items container (windows only) */
.uw-final-project-items {
  max-height: 400px; /* Reduced height to make room for options below */
  overflow-y: auto;
  margin-bottom: 16px;
  padding-right: 5px; /* Space for scrollbar */
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 16px;
}

.uw-project-title {
  margin-top: 30px;
  flex-grow: 1;
  text-align: center;
}

/* Custom scrollbar styling */
.uw-final-project-items::-webkit-scrollbar {
  width: 8px;
}

.uw-final-project-items::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

/* Ultra-specific color swatches */
.uw-color-bark { background-color: #786452; }
.uw-color-blackbean { background-color: #3b2d2b; }
.uw-color-harmony { background-color: #b89472; }

.uw-final-project-items::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

/* Color swatches for window colors */
.uw-color-swatch {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 auto 5px;
  border: 1px solid #ccc;
}

.uw-color-white { background-color: #ffffff; }
.uw-color-tan { background-color: #d2b48c; }
.uw-color-black { background-color: #000000; }
.uw-color-bronze { background-color: #cd7f32; }
.uw-color-silver { background-color: #c0c0c0; }
.uw-color-espresso { background-color: #3e2723; }
.uw-color-brown { background-color: #8b4513; }
.uw-color-harmony { background-color: #b89472; }
.uw-color-bark { background-color: #786452; }
.uw-color-blackbean { background-color: #3b2d2b; }
.uw-color-classicbrown { background-color: #654321; }

/* Selected color indicator */
.uw-color-selected {
  border: 2px solid #0078d7;
  background-color: rgba(0, 120, 215, 0.1);
}

.uw-final-project-items::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Options container styling (outside scrollable area) */
.uw-project-options-container {
  margin-bottom: 16px;
}

/* Installation and financing option styling */
.uw-project-installation,
.uw-financing-option,
.uw-small-order-fee {
  margin-bottom: 12px;
  border-radius: 8px;
}

/* Add a more subtle separator between windows and options */
.uw-project-options-container {
  position: relative;
}

/* Make the options stand out more since they're important */
.uw-project-installation {
  background-color: #f0f4fa; /* Slightly bluer to match your brand */
  border-left: 3px solid #1c3664;
}

.uw-financing-option {
  background-color: #f5f7fa;
  border-left: 3px solid #33a852; /* Green accent for financing */
}

.uw-small-order-fee {
  border-left: 4px solid #f5a623;
}

/* Total price styling */
.uw-cart-total-large {
  background: #1c3664;
  color: white;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
  margin-top: 16px;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.uw-total-label {
  font-size: 16px;
  font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .uw-final-project-items {
    max-height: 300px;
  }
  
  .uw-project-installation,
  .uw-financing-option {
    flex-direction: column;
  }
  
  .uw-installation-controls,
  .uw-financing-controls {
    width: 100%;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .uw-final-project-items {
    max-height: 350px;
  }
}
 
 /* Improved Checkout Layout Styles */

/* Main layout adjustments */
.uw-checkout-container {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 32px;
  margin-top: 24px;
  padding: 0 30px 30px;
}

/* Project items area (left side) */
.uw-checkout-items {
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  height: fit-content;
}

.uw-checkout-items h3 {
  margin-top: 0;
  color: #1c3664;
  margin-bottom: 20px;
  font-size: 18px;
}

/* Form area (right side) */
.uw-checkout-form {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.uw-checkout-form h3 {
  margin-top: 0;
  color: #1c3664;
  margin-bottom: 20px;
  font-size: 18px;
}

/* Styling for project items */
.uw-final-project-items {
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 24px;
  padding-right: 5px; /* Space for scrollbar */
}

/* Custom scrollbar for project items */
.uw-final-project-items::-webkit-scrollbar {
  width: 8px;
}

.uw-final-project-items::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.uw-final-project-items::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.uw-final-project-items::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Adjust spacing between project items */
.uw-project-item {
  margin-bottom: 12px;
}

/* Final price display */
.uw-cart-total-large {
  background: #1c3664;
  color: white;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
  margin-top: 16px;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.uw-total-label {
  font-size: 16px;
  font-weight: 500;
}

/* Add a border to the form inputs */
#uw-custom-form-container input,
#uw-custom-form-container textarea {
  border: 1px solid #d1d5db !important;
}

/* Continue shopping button */
#uw-back-to-cart {
  background-color: #e5e7eb !important;
  color: #4b5563 !important;
  padding: 10px 16px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
}

#uw-back-to-cart:hover {
  background-color: #d1d5db !important;
}

/* Responsive adjustments */
@media (max-width: 1100px) {
  .uw-checkout-container {
    grid-template-columns: 1fr;
  }
  
  .uw-checkout-items, 
  .uw-checkout-form {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .uw-checkout-container {
    padding: 0 15px 15px;
    gap: 20px;
  }
  
  .uw-checkout-items,
  .uw-checkout-form {
    padding: 15px;
  }
  
  .uw-checkout-header {
    padding: 0 15px;
  }
  
  .uw-checkout-header h2 {
    font-size: 20px;
    padding: 15px 0;
  }
}

/* WordPress Compatibility Reset - Fixes conflicts with themes */
#uw-project-builder * {
    box-sizing: border-box !important;
  }
  
  #uw-project-builder input,
  #uw-project-builder select,
  #uw-project-builder button,
  #uw-project-builder textarea {
    height: auto !important;
    min-height: unset !important;
    line-height: normal !important;
    font-family: inherit !important;
    max-width: none !important;
  }
  
  #uw-project-builder select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
    padding-right: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  
  #uw-project-builder button {
    line-height: normal !important;
    min-width: unset !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }
  
  /* Base Styles */
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  .uw-financing-option {
    display: flex;
    background: #f5f7fa;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 16px;
    margin-top: 12px;
    align-items: center;
  }
  
  .uw-financing-details {
    flex: 1;
  }
  
  .uw-financing-details h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #1c3664;
  }
  
  .uw-financing-details p {
    margin: 0;
    font-size: 14px;
    color: #666;
  }
  
  .uw-financing-controls {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
  }
  
  .uw-financing-label {
    display: flex;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
  }
  
  .uw-financing-checkbox {
    margin-right: 8px;
  }
  
  .uw-monthly-payment {
    font-size: 18px;
    font-weight: bold;
    color: #33a852;
  }
  
  body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    line-height: 1.5;
    background-color: #f5f7fa;
  }
  
  #uw-project-builder {
    padding: 0px;
    margin: 30px 0 !important;
    clear: both !important;
    float: none !important;
  }
  
  /* Main Container */
  #uw-project-builder .uw-container {
    max-width: 1600px;
    margin: 0 auto !important;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
  }
  
  /* Progress Bar */
  .uw-progress-container {
    margin-bottom: 30px;
    padding: 0 15px;
    position: relative;
  }
  
  .uw-progress-bar {
    position: relative;
    height: 4px;
    background-color: #e5e7eb;
    border-radius: 2px;
    margin-top: 15px;
  }
  
  .uw-progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #1c3664; /* Utah Window Experts blue */
    border-radius: 2px;
    transition: width 0.3s ease;
  }
  
  .uw-progress-steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
  }
  
  .uw-progress-step {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    cursor: pointer;
  }
  
  .uw-step-circle {
    width: 32px;
    height: 32px;
    background-color: #e5e7eb;
    border-radius: 50%;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  
  .uw-step-title {
    font-size: 13px;
    color: #6b7280;
    margin-top: 8px;
    text-align: center;
    transition: color 0.3s ease;
  }
  
  /* Active and completed steps */
  .uw-progress-step.active .uw-step-circle {
    background-color: #1c3664; /* Utah Window Experts blue */
    color: white;
  }
  
  .uw-progress-step.active .uw-step-title {
    color: #1c3664; /* Utah Window Experts blue */
    font-weight: 600;
  }
  
  .uw-progress-step.completed .uw-step-circle {
    background-color: #33a852; /* Success green */
    color: white;
  }
  
  /* Wizard Container */
  #uw-wizard-container {
    padding: 30px;
  }
  
  /* Step Headings */
  .uw-step-heading {
    margin-bottom: 25px;
  }
  
  .uw-step-heading .uw-step-title {
    font-size: 18px;
    color: #1c3664; /* Utah Window Experts blue */
    margin: 0 0 5px 0;
  }
  
  .uw-step-heading .uw-step-subtitle {
    font-size: 16px;
    color: #64748b;
    margin: 0;
  }
  
  /* Window Type Selection (Step 1) */
  .uw-window-type-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 25px 0;
  }
  
  .uw-window-type-option {
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .uw-window-type-option:hover {
    border-color: #c4d3e9;
    background-color: #f8fafc;
  }
  
  .uw-window-type-option.selected {
    border-color: #1c3664; /* Utah Window Experts blue */
    background-color: #e8f1ff;
  }
  
  .uw-window-type-image {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 4px;
  }
  
  .uw-window-type-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  
  .uw-window-type-name {
    font-weight: 500;
    color: #374151;
  }
  
  /* Cart Tile Styling */
  #uw-view-project {
    background-color: #1c3664;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid #1c3664;
  }
  
  #uw-view-project:hover {
    background-color: #152a4f;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  
  #uw-view-project .uw-window-type-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
  }
  
  #uw-view-project .fa-shopping-cart {
    font-size: 3em;
    color: white;
  }
  
  #uw-view-project .uw-window-type-name {
    color: white;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
  }
  
  /* Brand Selection (Step 2) */
  .uw-brands-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 25px 0;
  }
  
  .uw-brand-option {
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .uw-brand-option:hover {
    border-color: #c4d3e9;
    background-color: #f8fafc;
  }
  
  .uw-brand-option.selected {
    border-color: #1c3664; /* Utah Window Experts blue */
    background-color: #e8f1ff;
  }
  
  .uw-brand-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
  
  .uw-brand-name {
    font-weight: 600;
    font-size: 16px;
    color: #1c3664; /* Utah Window Experts blue */
  }
  
  .uw-brand-tier {
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 12px;
  }
  
  .uw-tier-premium {
    background-color: #e8f1ff;
    color: #1c3664; /* Utah Window Experts blue */
  }
  
  .uw-tier-deluxe {
    background-color: #f3e8ff;
    color: #6b21a8;
  }
  
  .uw-tier-standard {
    background-color: #d1fae5;
    color: #065f46;
  }
  
  .uw-tier-basic {
    background-color: #e5e7eb;
    color: #4b5563;
  }
  
  .uw-brand-content {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  
  .uw-brand-image {
    width: 80px;
    height: 60px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .uw-brand-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .uw-brand-info {
    flex: 1;
  }
  
  .uw-brand-material {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 5px;
  }
  
  .uw-brand-price {
    font-size: 13px;
    color: #64748b;
  }
  
  .uw-brand-price span {
    font-size: 18px;
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
    display: block;
  }
  
  .uw-brand-features {
    margin-bottom: 15px;
  }
  
  .uw-feature-item {
    font-size: 14px;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start;
  }
  
  .uw-feature-icon {
    color: #33a852; /* Success green */
    margin-right: 8px;
    font-weight: bold;
  }
  
  /* Dimensions Step (Step 3) */
  .uw-dimensions-container {
    display: flex;
    margin: 25px 0;
  }
  
  .uw-dimensions-form {
    flex: 1;
    padding-right: 30px;
  }
  
  .uw-dimensions-preview-container {
    flex: 1;
    background-color: #f8fafc;
    border-radius: 8px;
    padding: 20px;
  }
  
  .uw-form-group {
    margin-bottom: 20px;
  }
  
  .uw-form-label {
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
    display: block;
  }
  
  #uw-project-builder .uw-form-input {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    transition: border-color 0.2s ease !important;
    background-color: #fff !important;
    color: #333 !important;
    margin: 0 !important;
    display: block !important;
    line-height: 1.5 !important;
    height: auto !important;
    min-height: unset !important;
  }
  
  #uw-project-builder .uw-form-input:focus {
    outline: none !important;
    border-color: #1c3664 !important; /* Utah Window Experts blue */
    box-shadow: 0 0 0 2px rgba(28, 54, 100, 0.1) !important;
  }
  
  #uw-project-builder select.uw-form-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6"><path fill="%23333" d="M0 0l6 6 6-6z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    padding-right: 30px !important;
  }
  
  .uw-preview-header {
    font-weight: 500;
    color: #1c3664; /* Utah Window Experts blue */
    margin-bottom: 15px;
  }
  
  .uw-dimensions-preview {
    background-color: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .uw-preview-window {
    border: 2px solid #1c3664; /* Utah Window Experts blue */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #6b7280;
    transition: all 0.3s ease;
  }
  
  .uw-preview-placeholder {
    color: #9ca3af;
    font-size: 14px;
    text-align: center;
  }
  
  .uw-selected-window-info {
    margin-top: 15px;
    font-size: 14px;
  }
  
  .uw-selected-window-info strong {
    color: #1c3664; /* Utah Window Experts blue */
    display: block;
    margin-bottom: 3px;
  }
  
  .uw-selected-window-info span {
    color: #64748b;
  }
  
  /* Options Step (Step 4) */
  .uw-options-container {
    display: flex;
    margin: 25px 0;
  }
  
  .uw-options-form {
    flex: 1;
    padding-right: 30px;
  }
  
  .uw-options-preview-container {
    flex: 1;
    background-color: #f8fafc;
    border-radius: 8px;
    padding: 20px;
  }
  
  .uw-options-preview {
    background-color: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .uw-options-preview img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .uw-current-price {
    margin-top: 15px;
    font-size: 14px;
    color: #64748b;
  }
  
  .uw-price-amount {
    font-size: 18px;
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
  }
  
  /* View Toggle */
  .uw-view-toggle {
    display: flex;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
  }
  
  #uw-project-builder .uw-view-button {
    flex: 1;
    padding: 10px !important;
    text-align: center !important;
    background-color: #f1f5f9 !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    color: #4b5563 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: normal !important;
  }
  
  #uw-project-builder .uw-view-active {
    background-color: #1c3664 !important;
    color: white !important;
  }
  
  /* Color Options */
  .uw-color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
  }
  
  .uw-color-option {
    width: calc(33.33% - 7px);
    border: 2px solid #e5e7eb;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
  }
  
  .uw-color-option:hover {
    border-color: #c4d3e9;
    background-color: #f8fafc;
  }
  
  .uw-color-option.uw-color-selected {
    border-color: #1c3664;
    background-color: #e8f1ff;
  }
  
  .uw-color-swatch {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto 5px;
    border: 1px solid #d1d5db;
  }
  
  .uw-color-option span {
    display: block;
    font-size: 13px;
    font-weight: 500;
  }
  
  /* Color Swatches */
  .uw-white-swatch {
    background-color: #ffffff;
  }
  
  .uw-bronze-swatch {
    background-color: #5f4c36;
  }
  
  .uw-espresso-swatch {
    background-color: #3c2415;
  }
  
  .uw-classicbrown-swatch {
    background-color: #6b4c2c;
  }
  
  .uw-silver-swatch {
    background-color: #c0c0c0;
  }
  
  .uw-tan-swatch {
    background-color: #d2b48c;
  }
  
  .uw-black-swatch {
    background-color: #000000;
  }
  
  /* Review Step (Step 5) */
  .uw-review-container {
    background-color: #f8fafc;
    border-radius: 8px;
    padding: 25px;
    margin: 25px 0;
  }
  
  .uw-review-item {
    display: flex;
    margin-bottom: 25px;
  }
  
  .uw-review-image {
    width: 150px;
    height: 120px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 10px;
    flex-shrink: 0;
  }
  
  .uw-review-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .uw-review-details {
    flex: 1;
  }
  
  .uw-review-details h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #1c3664; /* Utah Window Experts blue */
  }
  
  .uw-review-details p {
    margin: 5px 0;
    font-size: 14px;
    color: #4b5563;
  }
  
  .uw-review-price {
    border-top: 1px solid #e5e7eb;
    padding-top: 20px;
    text-align: right;
  }
  
  .uw-price-label {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 5px;
  }
  
  .uw-price-value {
    font-size: 24px;
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
    margin-bottom: 5px;
  }
  
  .uw-price-note {
    font-size: 13px;
    color: #6b7280;
  }
  
  /* Navigation Buttons - Fixed Visibility Logic */
  .uw-buttons-container {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  
  #uw-project-builder .uw-button {
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: none !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    display: inline-block !important; /* Changed from 'display: inline-block !important' */
    line-height: normal !important;
    height: auto !important;
    width: auto !important;
    text-align: center !important;
    margin: 0 !important;
    min-width: 180px !important;
    box-shadow: none !important;
    text-transform: none !important;
  }
  
  /* IMPORTANT: Do not override display property with !important for these buttons */
  #uw-prev-step, #uw-next-step, #uw-add-to-project {
    /* The display property will be controlled by your JavaScript */
  }
  
  /* When explicitly hidden, this will take precedence */
  #uw-project-builder .uw-button[style*="display: none"] {
    display: none !important;
  }
  
  /* Hide Add to Project button by default - your JS will show it when needed */
  #uw-add-to-project {
    display: none;
  }
  
  #uw-project-builder .uw-button-secondary {
    background-color: #e5e7eb !important;
    color: #4b5563 !important;
  }
  
  #uw-project-builder .uw-button-secondary:hover {
    background-color: #d1d5db !important;
  }
  
  #uw-project-builder .uw-button-primary {
    background-color: #1c3664 !important; /* Utah Window Experts blue */
    color: white !important;
  }
  
  #uw-project-builder .uw-button-primary:hover {
    background-color: #152a4f !important; /* Darker blue */
  }
  
  #uw-project-builder .uw-button-success {
    background-color: #33a852 !important; /* Success green */
    color: white !important;
  }
  
  #uw-project-builder .uw-button-success:hover {
    background-color: #2a8a45 !important; /* Darker green */
  }
  
  #uw-project-builder .uw-button:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
  }
  
  /* Cart Preview */
  .uw-cart-preview {
    margin-top: 40px;
    border-top: 1px solid #e5e7eb;
    padding-top: 20px;
  }
  
  .uw-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
  
  .uw-cart-header h3 {
    font-size: 18px;
    color: #1c3664; /* Utah Window Experts blue */
    margin: 0;
  }
  
  .uw-cart-count {
    font-size: 14px;
    color: #64748b;
  }
  
  .uw-cart-empty {
    padding: 20px;
    text-align: center;
    color: #64748b;
  }
  
  .uw-cart-items {
    margin-bottom: 15px;
  }
  
  .uw-cart-item {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #e5e7eb;
  }
  
  .uw-cart-item-info {
    flex: 1;
  }
  
  .uw-cart-item-name {
    font-weight: 500;
    color: #1c3664; /* Utah Window Experts blue */
  }
  
  .uw-cart-item-details {
    font-size: 13px;
    color: #64748b;
  }
  
  .uw-cart-item-price {
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
  }
  
  .uw-cart-total {
    font-size: 16px;
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
    text-align: right;
    margin-bottom: 15px;
  }
  
  /* Cart Screen */
  .uw-cart-header-large {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  
  .uw-cart-header-large h2 {
    font-size: 24px;
    color: #1c3664; /* Utah Window Experts blue */
    margin: 0;
    padding: 20px 0;
  }
  
  .uw-cart-items-full {
    margin-bottom: 30px;
  }
  
  .uw-cart-item-full {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #e5e7eb;
    align-items: center;
  }
  
  .uw-cart-item-image {
    width: 80px;
    height: 60px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    flex-shrink: 0;
  }
  
  .uw-cart-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .uw-cart-item-details-full {
    flex: 1;
  }
  
  .uw-cart-item-name-full {
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
    margin-bottom: 3px;
  }
  
  .uw-cart-item-specs {
    font-size: 13px;
    color: #64748b;
  }
  
  .uw-cart-item-price-full {
    font-weight: 600;
    color: #1c3664; /* Utah Window Experts blue */
    margin-left: 15px;
  }
  
  .uw-cart-item-actions {
    margin-left: 15px;
  }
  
  .uw-cart-summary {
    background-color: #f8fafc;
    border-radius: 8px;
    padding: 20px;
  }
  
  .uw-installation-option {
    margin-bottom: 20px;
  }
  
  /* Updated Final Project Screen Styles */
  .uw-checkout-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 30px;
  }
  
  .uw-checkout-header h2 {
    font-size: 24px;
    color: #1c3664;
    margin: 0;
    padding: 20px 0;
  }
  
  .uw-checkout-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 24px;
    padding: 0 30px 30px;
  }
  
  .uw-checkout-items {
    background-color: #f8f8f8;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }
  
  .uw-checkout-items h3 {
    margin-top: 0;
    color: #1c3664;
    margin-bottom: 20px;
  }
  
  .uw-checkout-form {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }
  
  .uw-checkout-form h3 {
    margin-top: 0;
    color: #1c3664;
    margin-bottom: 20px;
  }
  
  .uw-form-loading {
    padding: 30px;
    text-align: center;
    color: #666;
  }
  
  .uw-final-project-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    max-height: 600px;
    overflow-y: auto;
  }
  
  .uw-project-item {
    display: flex;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 16px;
    position: relative;
  }
  
  .uw-project-item-image {
    width: 120px;
    height: 90px;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .uw-project-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .uw-project-item-details {
    flex: 1;
    padding: 0 16px;
  }
  
  .uw-project-item-details h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #1c3664;
  }
  
  .uw-project-item-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 14px;
    color: #666;
  }
  
  .uw-project-item-specs span {
    display: flex;
    align-items: center;
  }
  
  .uw-project-item-specs i {
    margin-right: 5px;
    color: #1c3664;
  }
  
  .uw-project-item-controls {
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
  }
  
  .uw-quantity-controls {
    display: flex;
    align-items: center;
  }
  
  #uw-project-builder .uw-quantity-btn {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #e0e0e0 !important;
    background: #f5f7fa !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    color: #1c3664 !important;
    transition: all 0.2s !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  #uw-project-builder .uw-quantity-btn:hover {
    background: #e6edf5 !important;
  }
  
  #uw-project-builder .uw-quantity-input {
    width: 40px !important;
    height: 32px !important;
    border: 1px solid #e0e0e0 !important;
    text-align: center !important;
    margin: 0 4px !important;
    border-radius: 4px !important;
    padding: 0 4px !important;
  }
  
  .uw-price-per-item {
    font-size: 14px;
    color: #666;
  }
  
  .uw-item-total {
    font-size: 18px;
    font-weight: bold;
    color: #1c3664;
  }
  
  #uw-project-builder .uw-remove-project-item {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    background: none !important;
    border: none !important;
    color: #999 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    padding: 4px !important;
  }
  
  #uw-project-builder .uw-remove-project-item:hover {
    color: #e74c3c !important;
  }
  
  .uw-project-installation {
    display: flex;
    background: #f5f7fa;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 16px;
    margin-top: 8px;
    align-items: center;
  }
  
  .uw-installation-details {
    flex: 1;
  }
  
  .uw-installation-details h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #1c3664;
  }
  
  .uw-installation-details p {
    margin: 0;
    font-size: 14px;
    color: #666;
  }
  
  .uw-installation-controls {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .uw-installation-controls select {
    min-width: 180px;
  }
  
  .uw-installation-cost {
    font-size: 18px;
    font-weight: bold;
    color: #1c3664;
    min-width: 80px;
    text-align: right;
  }
  
  .uw-small-order-fee {
    display: flex;
    background: #fff9e6;
    border-radius: 8px;
    padding: 16px;
    margin-top: 12px;
    align-items: center;
    border-left: 4px solid #f5a623;
  }
  
  .uw-fee-details {
    flex: 1;
  }
  
  .uw-fee-details h4 {
    margin: 0 0 4px 0;
    font-size: 16px;
    color: #1c3664;
  }
  
  .uw-fee-details p {
    margin: 0;
    font-size: 14px;
    color: #666;
  }
  
  .uw-fee-amount {
    font-size: 18px;
    font-weight: bold;
    color: #f5a623;
  }
  
  .uw-empty-project {
    background: #f5f7fa;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    color: #666;
    font-size: 16px;
  }
  
  .uw-cart-total-large {
    background: #1c3664;
    color: white;
    padding: 16px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 8px;
    margin-top: 24px;
    text-align: right;
  }
  
  /* Gravity Form Styling */
  #uw-gravity-form-container .gform_wrapper input[type="text"],
  #uw-gravity-form-container .gform_wrapper input[type="email"],
  #uw-gravity-form-container .gform_wrapper input[type="tel"],
  #uw-gravity-form-container .gform_wrapper textarea {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  #uw-gravity-form-container .gform_wrapper .gform_footer input.button, 
  #uw-gravity-form-container .gform_wrapper .gform_footer input[type=submit] {
    background-color: #1c3664 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    width: auto !important;
    line-height: normal !important;
    height: auto !important;
    font-size: 16px !important;
    text-transform: none !important;
  }
  
  #uw-gravity-form-container .gform_wrapper .gform_footer input.button:hover, 
  #uw-gravity-form-container .gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: #152a4f !important;
  }
  
  /* Fix for Gravity Forms specific styling conflicts */
  #uw-project-builder .gform_wrapper {
    margin: 0 !important;
    max-width: 100% !important;
  }
  
  #uw-project-builder .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
  }
  
  #uw-project-builder .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
  }
  
  #uw-project-builder .gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
  }
  
  /* Message Notifications */
  .uw-message {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 25px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
  }
  
  .uw-message-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  .uw-message-success {
    border-left: 4px solid #33a852; /* Success green */
  }
  
  .uw-message-info {
    border-left: 4px solid #1c3664; /* Utah Window Experts blue */
  }
  
  .uw-message-warning {
    border-left: 4px solid #f59e0b;
  }
  
  .uw-message-error {
    border-left: 4px solid #ef4444;
  }
  
  /* Hide elements with the hidden class */
  .uw-hidden {
    display: none !important;
  }
  
  /* Hide steps by default, they will be shown via JS */
  .uw-wizard-step {
    display: none;
  }
  
  /* Fix for scrolling issue */
  html {
    scroll-behavior: smooth;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 992px) {
    .uw-checkout-container {
      grid-template-columns: 1fr;
    }
    
    .uw-project-item {
      flex-direction: column;
    }
    
    .uw-project-item-image {
      width: 100%;
      height: 120px;
      margin-bottom: 16px;
    }
    
    .uw-project-item-controls {
      width: 100%;
      flex-direction: row;
      margin-top: 16px;
      align-items: center;
    }
    
    .uw-project-installation {
      flex-direction: column;
    }
    
    .uw-installation-controls {
      width: 100%;
      margin-top: 12px;
    }
  }
  
  @media (max-width: 768px) {
    .uw-window-type-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    
    .uw-brands-grid {
      grid-template-columns: 1fr;
    }
    
    .uw-dimensions-container,
    .uw-options-container {
      flex-direction: column;
    }
    
    .uw-dimensions-form,
    .uw-options-form {
      padding-right: 0;
      margin-bottom: 20px;
    }
    
    .uw-review-item {
      flex-direction: column;
    }
    
    .uw-review-image {
      margin-right: 0;
      margin-bottom: 15px;
      width: 100%;
      height: 150px;
    }
    
    .uw-progress-step .uw-step-title {
      display: none;
    }
    
    .uw-color-option {
      width: calc(50% - 5px);
    }
    
    /* Smaller buttons on mobile */
    #uw-project-builder .uw-button {
      padding: 10px 16px !important;
      font-size: 13px !important;
      min-width: 80px !important;
    }
    
    /* Adjust checkout header on mobile */
    .uw-checkout-header {
      flex-direction: column;
      align-items: flex-start;
    }
    
    #uw-project-builder .uw-back-to-cart {
      margin-top: 10px !important;
    }
  }
  
  /* JavaScript Scroll-To Fix */
  #uw-project-builder {
    scroll-margin-top: 50px;
  }