/* Background images */
@media only screen and (min-width: 902px) {
  .bg-img {
    background-image: url('/images/2021/top-images/home-boiler.webp');
    background-repeat: no-repeat;
    background-position: center center;
    max-height: 475px;
  }
}

@media only screen and (max-width: 901px) {
  .bg-img {
    background-image: url('/images/2021/top-images/home-boiler-mobile.webp');
    background-repeat: no-repeat;
    background-position: center center;
  }
}

/* Card container */
.quote-form-card {
    max-width: 750px;
    margin: auto;
    background: #fff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* Progress bar */
#progress-container {
    width: 100%;
    background: #e6e6e6;
    height: 8px;
    border-radius: 4px;
    margin-bottom: 25px;
}

#progress-bar {
    height: 8px;
    width: 0%;
    background: #0b3d91;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* Steps */
.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

/* Inputs */
input, select {
    width: 100%;
    padding: 14px;
    margin: 12px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
}

/* Buttons */
.next-btn, .prev-btn, .submit-btn {
    background: #0b3d91;
    color: #fff;
    padding: 14px 26px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 17px;
}

.prev-btn {
    background: #555;
}

.btn-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

/* Textarea */
textarea.auto-expand {
    width: 100%;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    background: #f7f7f7;
    resize: none;
    transition: border 0.2s ease;
}

textarea.auto-expand:focus {
    border: 1px solid #0b3d91;
    background: #fff;
}

/* Disabled button styling */
.next-btn:disabled {
    background-color: #cccccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* Shake animation */
.shake {
    animation: shake 0.3s ease;
}

/* ⭐ FIX: STEP 6 BUTTON MUST ALWAYS LOOK ACTIVE */
.form-step:nth-child(6) .next-btn {
    background-color: #0b3d91 !important;
    color: #fff !important;
    cursor: pointer !important;
    opacity: 1 !important;
    border: none !important;
}

/* Extra safety: remove disabled look even if attribute is present */
.form-step:nth-child(6) .next-btn[disabled] {
    background-color: #0b3d91 !important;
    color: #fff !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

/* ⭐ FORCE STEP 6 BUTTON TO LOOK FULLY ENABLED */
.form-step:nth-child(6) .next-btn {
    opacity: 1 !important;
    filter: none !important;
    background-color: #007bff !important; /* your normal blue */
    cursor: pointer !important;
}
.next-btn {
    opacity: 1;
    cursor: pointer;
}

/* ⭐ FORCE STEP 6 BUTTON TO LOOK FULLY ENABLED */
.form-step:nth-of-type(6) .next-btn {
    opacity: 1 !important;
    filter: none !important;
    background-color:  #0b3d91 !important; /* your normal blue */
    cursor: pointer !important;
}


.next-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}