/* HelloQuoto request wizard. Applies only after successful JS initialization. */
.hp-form--request-submit.quoto-wizard-ready {
  max-width: 920px;
  margin: 0 auto;
}
.quoto-wizard-header { margin-bottom: 25px; }
.quoto-wizard-meta { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: #565656; }
.quoto-wizard-count { font-weight: 700; white-space: nowrap; }
.quoto-wizard-progress { height: 8px; margin: 13px 0 24px; border-radius: 99px; background: #eeeeee; overflow: hidden; }
.quoto-wizard-bar { height: 100%; width: 20%; border-radius: inherit; background: #ffc928; transition: width .22s ease; }
.quoto-wizard-title { font-size: clamp(24px, 3vw, 34px); color: #1e1e1e; margin: 0 0 12px; }
.hp-form--request-submit.quoto-wizard-ready .quoto-wizard-hidden { display: none !important; }
.quoto-wizard-nav { display: flex; justify-content: space-between; gap: 12px; margin: 22px 0; }
.quoto-wizard-nav button { min-height: 46px; padding: 12px 25px; border-radius: 9px; cursor: pointer; }
.quoto-wizard-back { background: #fff !important; color: #222 !important; border: 1px solid #bbb !important; }
.quoto-wizard-next { margin-left: auto; background: #ffc928 !important; color: #171717 !important; border: 1px solid #ffc928 !important; font-weight: 700; }
.quoto-wizard-review { background: #fffaf0; border: 1px solid #f4d87f; border-radius: 12px; padding: 20px; }
.quoto-wizard-summary { display: grid; grid-template-columns: minmax(110px, 1fr) 2fr; gap: 12px 14px; margin: 0; }
.quoto-wizard-summary dt { font-weight: 700; }
.quoto-wizard-summary dd { margin: 0; overflow-wrap: anywhere; }
.quoto-wizard-error { outline: 2px solid #d64040; outline-offset: 4px; border-radius: 5px; }
.hp-form--request-submit.quoto-wizard-ready .hp-form__footer:not([hidden]) button[type="submit"] { width: 100%; background: #222; color: #fff; }
@media(max-width: 600px) {
  .quoto-wizard-summary { grid-template-columns: 1fr; gap: 4px; }
  .quoto-wizard-summary dd { margin-bottom: 10px; }
  .quoto-wizard-nav button { flex: 1; }
}

/*
 * HelloQuoto - Show Submit Request
 * on Step 5 only.
 */

/* Hide the submit button on Steps 1–4 */
.hp-form--request-submit.quoto-wizard-ready
.hp-form__footer {
    display: none !important;
}

/* Show the submit button on Step 5 */
.hp-form--request-submit.quoto-wizard-ready
[data-quoto-submit-visible] {
    display: flex !important;
    justify-content: flex-end;
    margin-top: 25px;
}


/* HelloQuoto - Branded Submit Request Button */

.hp-form--request-submit
.hp-form__footer
button[type="submit"] {
    background: #FFC928 !important;
    color: #1A1A1A !important;
    border: 2px solid #FFC928 !important;
    border-radius: 10px !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    padding: 16px 32px !important;
    width: 100%;

    box-shadow: 0 5px 18px rgba(255, 201, 40, 0.25);
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Hover effect */
.hp-form--request-submit
.hp-form__footer
button[type="submit"]:hover {
    background: #F0B900 !important;
    border-color: #F0B900 !important;
    color: #111111 !important;

    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(255, 201, 40, 0.35);
}

/* Keyboard accessibility */
.hp-form--request-submit
.hp-form__footer
button[type="submit"]:focus-visible {
    outline: 3px solid #1A1A1A;
    outline-offset: 3px;
}