/* ══════════════════════════════════════════════════════════════
   Cart / Checkout / Account Pages — Critical Dark Theme CSS
   Prevents FOUC: backgrounds, base text colors, form inputs
   ══════════════════════════════════════════════════════════════ */

/* ── Page-level backgrounds & header ───────────────────────── */
#site-header,
#site-header.scrolled {
    background-color: rgba(var(--color-dark-rgb), 0.95);
}

html main {
    padding-top: var(--header-height);
    background-color: var(--color-dark);
    color: var(--color-text);
}

/* ── Base Layout ─────────────────────────────────────────────── */
.seocart_Cart,
.seocart_VerifyCheckout,
.seocart_VerifyLogin,
.seocart_OrderResults,
.seocart_Account {
    background: var(--color-dark);
    color: var(--color-text);
}

.seocart_Cart h1,
.seocart_Cart h2,
.seocart_Cart h3,
.seocart_Cart strong,
.seocart_VerifyCheckout h1,
.seocart_VerifyCheckout h2,
.seocart_VerifyCheckout h3,
.seocart_VerifyCheckout strong,
.seocart_VerifyLogin h1,
.seocart_VerifyLogin h2,
.seocart_VerifyLogin h3,
.seocart_OrderResults h1,
.seocart_OrderResults h2,
.seocart_OrderResults h3,
.seocart_Account h1,
.seocart_Account h2,
.seocart_Account h3 {
    color: var(--color-white);
}

.seocart_Cart p,
.seocart_Cart label,
.seocart_Cart span,
.seocart_Cart td {
    color: var(--color-text);
}

/* ── Form Inputs (critical — prevent white flash) ────────────── */
.seocart_Cart .form-control,
.seocart_Cart .form-select {
    background-color: var(--color-dark-card) !important;
    color: var(--color-white) !important;
    border: 1px solid var(--color-dark-border) !important;
}

.seocart_Cart .form-control::placeholder,
.seocart_VerifyCheckout .form-control::placeholder,
.seocart_VerifyLogin .form-control::placeholder,
.seocart_Account .form-control::placeholder {
    color: transparent !important;
}

.seocart_Cart .form-floating > label {
    color: var(--color-text-muted) !important;
}

/* ── Line Items Sidebar (critical — large background area) ──── */
#line-items-order-summary-wrapper {
    background-color: var(--color-dark-surface) !important;
}

/* ── Verify / Login / Account Inputs (critical) ──────────────── */
.seocart_VerifyCheckout .form-control,
.seocart_VerifyCheckout .form-select,
.seocart_VerifyLogin .form-control,
.seocart_VerifyLogin .form-select {
    background-color: var(--color-dark-card) !important;
    color: var(--color-white) !important;
    border-color: var(--color-dark-border) !important;
}

.seocart_VerifyCheckout .form-floating > label,
.seocart_VerifyLogin .form-floating > label {
    color: var(--color-text-muted) !important;
}

.seocart_Account .form-control,
.seocart_Account .form-select {
    background-color: var(--color-dark-card) !important;
    color: var(--color-white) !important;
    border-color: var(--color-dark-border) !important;
}