/* ── Signup / switch wizard — page-specific overrides ───────────────────────
   Loaded via SignupAsset on frontend/views/signup/index.php only. Base .signup-*
   rules live in site.css; this file aligns the wizard with the app design system
   (one-primary accent), compacts each step to fit the viewport, and holds the
   manual-address box style that used to be an inline style attribute. */

/* Align the wizard accent (steps, label-cards, radios) to the app primary so it
   matches the blue "Confirm & switch" primary button — one-primary rule. */
.signup-wizard { --sw-accent: var(--clr-primary, #2056a5); }

/* Manual-entry box (shown when a postcode isn't in addressdb) — moved off the
   inline style="background:rgba(255,193,7,.06)" that violated the no-inline rule. */
.signup-manual-box { background: rgba(255, 193, 7, .06); }
html[data-theme="dark"] .signup-manual-box { background: rgba(255, 193, 7, .08); }

/* Fit each step within the viewport (nav + card + footer ≤ 100vh) on desktop, the
   same "no page scroll" rule the auth pages use. Compact spacing keeps the taller
   steps (product + details) inside the fold without clipping. */
@media (min-width: 992px) {
    .signup-wizard {
        min-height: calc(100vh - 56px - 80px);
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .signup-wizard .card-body { padding: 1.5rem; }
    .signup-wizard .form-label { margin-bottom: .15rem; }
    .signup-wizard .mb-3 { margin-bottom: .75rem !important; }
    .signup-wizard .signup-radio { padding: .4rem .7rem; }
    .signup-wizard hr { margin-top: .9rem; margin-bottom: .9rem; }
}