/**
 * Aurora Peptides — Light theme overrides
 *
 * The dark theme is the default and is driven by two token systems:
 *  - css/global.css        (:root --bg / --txt / --acc / --mag / --border ...)
 *  - css/design-system.css (:root --aurora-surface / --aurora-border / ...)
 *
 * Re-defining those same custom properties under [data-theme="light"]
 * re-themes every component built on top of them (cards, buttons, forms,
 * the cart drawer, nav, footer, etc.) without touching each component file.
 *
 * Part 1 (below): shared token system + base.css + cart-drawer.css.
 * Part 2 (bottom, "PAGE-LEVEL LIGHT OVERRIDES"): places that hardcode dark
 * colors and ignore the tokens — form controls, gradient buttons, shop
 * product cards, single product, Certificates of Analysis, footer, menus,
 * and the affiliate portal.
 *
 * Still to audit (not covered yet): home, about, cart, my-account,
 * policy pages and the age gateway.
 */

html[data-theme="light"] {
    /* ── global.css core palette ── */
    --bg: #ffffff;
    --bg-s: #f6f8fb;
    --bg-c: #eef1f7;
    --bg-ch: #e4e9f2;

    --acc: #0090b3;
    --acc2: #007a63;
    --acc-glow: #0090b314;
    --acc-border: #0090b340;

    --mag: #9c00b8;
    --mag2: #a8008f;
    --mag-glow: #9c00b814;
    --mag-border: #9c00b840;

    --purple: #6a1fae;
    --purple-glow: #6a1fae1a;

    --green: #067a5a;
    --green-glow: #067a5a1a;

    --txt: #0b1220;
    --txt2: #46536b;
    --txt3: #7c8aa0;

    --border: #0b122014;

    /* RGB-triple variants — used across page CSS as rgba(var(--x-rgb), alpha) */
    --bg-rgb: 255, 255, 255;
    --bg-s-rgb: 246, 248, 251;
    --bg-c-rgb: 238, 241, 247;
    --bg-ch-rgb: 228, 233, 242;
    --acc-rgb: 0, 144, 179;
    --mag-rgb: 156, 0, 184;
    --txt-rgb: 11, 18, 32;
    --txt2-rgb: 70, 83, 107;
    --purple-rgb: 106, 31, 174;

    /* ── design-system.css surface tokens ── */
    --aurora-border: rgba(11, 18, 32, 0.1);
    --aurora-border-accent: rgba(0, 144, 179, 0.3);
    --aurora-surface: rgba(255, 255, 255, 0.92);
    --aurora-surface-elevated: rgba(255, 255, 255, 0.98);
    --aurora-input-bg: #f5f7fb;
    --aurora-text-muted: rgba(60, 80, 105, 0.85);
    --aurora-shadow-card: 0 12px 34px rgba(20, 30, 50, 0.08), 0 0 0 rgba(0, 0, 0, 0);
    --aurora-shadow-hover: 0 18px 44px rgba(20, 30, 50, 0.12);
}

/* ── Base page background/text (base.css sets these without vars) ── */
html[data-theme="light"] body.aurora-storefront {
    background: var(--bg);
    color: var(--txt);
}

/* ── WooCommerce notices/messages (base.css, hardcoded) ── */
html[data-theme="light"] .aurora-storefront .aurora-wc-notice,
html[data-theme="light"] .aurora-storefront .woocommerce-info,
html[data-theme="light"] .aurora-storefront .woocommerce-message,
html[data-theme="light"] .aurora-storefront .woocommerce-error {
    background: #f5f7fb !important;
    border: 1px solid rgba(0, 144, 179, 0.3) !important;
    color: var(--txt) !important;
}
html[data-theme="light"] .aurora-storefront .woocommerce a { color: var(--acc) !important; }
html[data-theme="light"] .aurora-storefront .woocommerce .button,
html[data-theme="light"] .aurora-storefront .woocommerce button.button,
html[data-theme="light"] .aurora-storefront .woocommerce input.button,
html[data-theme="light"] .aurora-storefront #place_order {
    background: linear-gradient(120deg, var(--acc) 0%, var(--mag) 100%) !important;
    color: #ffffff !important;
}
html[data-theme="light"] .aurora-storefront .woocommerce form .form-row input.input-text,
html[data-theme="light"] .aurora-storefront .woocommerce form .form-row textarea,
html[data-theme="light"] .aurora-storefront .woocommerce form .form-row select {
    background: var(--aurora-input-bg) !important;
    border: 1px solid var(--aurora-border) !important;
    color: var(--txt) !important;
}
html[data-theme="light"] .aurora-storefront .woocommerce form .form-row label { color: var(--txt2) !important; }

/* ── Cart drawer: mostly token-driven already; these are its few
   hardcoded literals (overlay/related-item/footer/toast backgrounds) ── */
html[data-theme="light"] .aurora-storefront .aurora-cart-drawer__overlay {
    background: rgba(15, 23, 42, 0.35);
}
html[data-theme="light"] .aurora-storefront .aurora-cart-drawer__related-item {
    background: rgba(11, 18, 32, 0.04);
}
html[data-theme="light"] .aurora-storefront .aurora-cart-drawer__footer {
    background: rgba(255, 255, 255, 0.98);
}
html[data-theme="light"] .aurora-storefront .aurora-cart-toast {
    background: rgba(255, 255, 255, 0.98);
    color: var(--txt);
}
html[data-theme="light"] .aurora-storefront .aurora-cart-drawer__empty-icon {
    background: rgba(0, 144, 179, 0.08);
    border: 1px solid rgba(0, 144, 179, 0.22);
}

/* ═══════════════════════════════════════════════════════════════════════
   PAGE-LEVEL LIGHT OVERRIDES  (v2)
   ───────────────────────────────────────────────────────────────────────
   Second pass. The token block above re-themes everything that reads from
   the shared custom properties. This section fixes the places that still
   hardcode dark colours (or pair a hardcoded dark background with a
   token text colour that turns dark in light mode):

     1.  Native form controls + gradient buttons   (design-system.css)
     2.  Shop: product cards, category pills, toolbar, pagination
     3.  Single product: quantity, stock, tabs, borders
     4.  Certificates of Analysis card + COA search page
     5.  Footer                                    (design-system.css)
     6.  Dropdown / mobile menu, toast, account cards
     7.  Affiliate portal (dashboard, AffiliateWP output, register/login,
         landing page below the hero)

   Every selector is prefixed with html[data-theme="light"] so nothing here
   can affect dark mode. Loaded last, so equal specificity resolves here.
   ═══════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] {
    color-scheme: light;               /* native select popups, scrollbars, autofill */
    --acc-strong: #00708c;             /* darker accent for small text on light surfaces */
}

/* ─────────────────────────────────────────────────────────────────────
   1. FORM CONTROLS + GRADIENT BUTTONS
   design-system.css forces rgba(11,18,40,.92) !important on every input,
   which is why Email / Subject / Message / qty / order-by / COA search
   stayed navy (First/Last name have no type attribute, so they escaped).
   ───────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body.aurora-storefront input[type="text"],
html[data-theme="light"] body.aurora-storefront input[type="email"],
html[data-theme="light"] body.aurora-storefront input[type="password"],
html[data-theme="light"] body.aurora-storefront input[type="tel"],
html[data-theme="light"] body.aurora-storefront input[type="number"],
html[data-theme="light"] body.aurora-storefront input[type="search"],
html[data-theme="light"] body.aurora-storefront input[type="url"],
html[data-theme="light"] body.aurora-storefront select,
html[data-theme="light"] body.aurora-storefront textarea,
html[data-theme="light"] body.aurora-storefront .woocommerce form .form-row input.input-text,
html[data-theme="light"] body.aurora-storefront .woocommerce form .form-row textarea,
html[data-theme="light"] body.aurora-storefront .woocommerce form .form-row select,
html[data-theme="light"] body.aurora-storefront .search-input,
html[data-theme="light"] body.aurora-storefront .field input,
html[data-theme="light"] body.aurora-storefront .field select,
html[data-theme="light"] body.aurora-storefront .field textarea {
    background-color: var(--aurora-input-bg) !important;
    border: 1px solid rgba(11, 18, 32, 0.16) !important;
    color: var(--txt) !important;
}
html[data-theme="light"] body.aurora-storefront input:focus,
html[data-theme="light"] body.aurora-storefront select:focus,
html[data-theme="light"] body.aurora-storefront textarea:focus {
    background-color: #ffffff !important;
    border-color: var(--acc) !important;
    box-shadow: 0 0 0 3px rgba(var(--acc-rgb), 0.16);
}
html[data-theme="light"] body.aurora-storefront input::placeholder,
html[data-theme="light"] body.aurora-storefront textarea::placeholder {
    color: var(--txt3);
    opacity: 1;
}
html[data-theme="light"] body.aurora-storefront select option {
    background: #ffffff;
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront input:-webkit-autofill,
html[data-theme="light"] body.aurora-storefront textarea:-webkit-autofill,
html[data-theme="light"] body.aurora-storefront select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--aurora-input-bg) inset !important;
    -webkit-text-fill-color: var(--txt) !important;
}

/* Gradient buttons: dark #03050d label on a cyan→magenta gradient is fine on
   dark, but on the deeper light-mode gradient it needs a white label. */
html[data-theme="light"] body.aurora-storefront .btn-primary,
html[data-theme="light"] body.aurora-storefront .woocommerce a.button.alt,
html[data-theme="light"] body.aurora-storefront .woocommerce button.button.alt,
html[data-theme="light"] body.aurora-storefront form.cart .single_add_to_cart_button,
html[data-theme="light"] body.aurora-storefront .single_add_to_cart_button,
html[data-theme="light"] body.aurora-storefront li.product .add_to_cart_button,
html[data-theme="light"] body.aurora-storefront .ProductCard_atc__vTiZ2,
html[data-theme="light"] body.aurora-storefront .add-to-cart,
html[data-theme="light"] body.aurora-storefront .product-footer .add_to_cart_button,
html[data-theme="light"] body.aurora-storefront .product-footer .button,
html[data-theme="light"] body.aurora-storefront #review_form #submit,
html[data-theme="light"] body.aurora-storefront #review_form input[type="submit"],
html[data-theme="light"] body.aurora-storefront #commentform input[type="submit"],
html[data-theme="light"] body.aurora-storefront .aurora-wc-reviews input[type="submit"],
html[data-theme="light"] body.aurora-storefront #respond input#submit {
    background: linear-gradient(120deg, var(--acc) 0%, var(--mag) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    border: 0 !important;
    box-shadow: 0 8px 22px rgba(var(--acc-rgb), 0.22) !important;
}
html[data-theme="light"] body.aurora-storefront .btn-primary:hover,
html[data-theme="light"] body.aurora-storefront .woocommerce a.button.alt:hover,
html[data-theme="light"] body.aurora-storefront .woocommerce button.button.alt:hover,
html[data-theme="light"] body.aurora-storefront form.cart .single_add_to_cart_button:hover,
html[data-theme="light"] body.aurora-storefront .single_add_to_cart_button:hover,
html[data-theme="light"] body.aurora-storefront li.product .add_to_cart_button:hover,
html[data-theme="light"] body.aurora-storefront .ProductCard_atc__vTiZ2:hover,
html[data-theme="light"] body.aurora-storefront .add-to-cart:hover,
html[data-theme="light"] body.aurora-storefront .product-footer .add_to_cart_button:hover,
html[data-theme="light"] body.aurora-storefront .product-footer .button:hover,
html[data-theme="light"] body.aurora-storefront #review_form #submit:hover,
html[data-theme="light"] body.aurora-storefront #respond input#submit:hover {
    background: linear-gradient(120deg, var(--mag) 0%, var(--acc) 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 12px 28px rgba(var(--mag-rgb), 0.25) !important;
}

/* ─────────────────────────────────────────────────────────────────────
   2. SHOP
   ───────────────────────────────────────────────────────────────────── */

/* Product card — design-system.css hardcodes rgba(8,13,30,.92) */
html[data-theme="light"] body.aurora-storefront .product-card,
html[data-theme="light"] body.aurora-storefront .ProductCard_card___Z7IJ {
    background: #ffffff;
    border: 1px solid rgba(11, 18, 32, 0.1);
    box-shadow: 0 10px 30px rgba(20, 30, 50, 0.07);
}
html[data-theme="light"] body.aurora-storefront .product-card:hover,
html[data-theme="light"] body.aurora-storefront .ProductCard_card___Z7IJ:hover {
    border-color: var(--aurora-border-accent);
    box-shadow: var(--aurora-shadow-hover);
}
/* The product photography is shot on near-black studio backdrops. A dark
   "photo stage" keeps the letterboxed area seamless with the picture instead
   of showing light bars around it. Only the image well is dark. */
html[data-theme="light"] body.aurora-storefront .product-card .product-image,
html[data-theme="light"] body.aurora-storefront .ProductCard_card___Z7IJ .product-image {
    background: #060a1d;
}
html[data-theme="light"] body.aurora-storefront .product-card .product-badge,
html[data-theme="light"] body.aurora-storefront .ProductCard_card___Z7IJ .product-badge {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--aurora-border-accent);
    color: var(--acc-strong);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* Category pills — "ALL" was white-on-light (invisible) when active */
html[data-theme="light"] body.aurora-storefront .ga-category-pill {
    background: #ffffff;
    border-color: rgba(0, 144, 179, 0.35);
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .ga-category-pill:hover,
html[data-theme="light"] body.aurora-storefront .ga-category-pill:focus-visible,
html[data-theme="light"] body.aurora-storefront .ga-category-pill--active {
    background: rgba(var(--acc-rgb), 0.12);
    border-color: var(--acc);
    color: var(--txt);
}

/* Toolbar (result count + sort) and filter bar */
html[data-theme="light"] body.aurora-storefront .aurora-shop-toolbar .woocommerce-result-count,
html[data-theme="light"] body.aurora-storefront .woocommerce-result-count {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .ShopFilters_filterBar__9dvam {
    background: rgba(var(--bg-c-rgb), 0.92);
    border-color: var(--aurora-border-accent);
}

/* Pagination — white-alpha borders vanish on light */
html[data-theme="light"] body.aurora-storefront .woocommerce-pagination .page-numbers,
html[data-theme="light"] body.aurora-storefront .woocommerce nav.woocommerce-pagination ul li a,
html[data-theme="light"] body.aurora-storefront .woocommerce nav.woocommerce-pagination ul li span {
    border-color: var(--aurora-border);
}

/* ─────────────────────────────────────────────────────────────────────
   3. SINGLE PRODUCT
   ───────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body.aurora-storefront .ProductDetail_stockOut__stockOut {
    background: rgba(198, 40, 40, 0.08);
    border-color: rgba(198, 40, 40, 0.3);
    color: #c62828;
}
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .aurora-tab-content--description a:hover {
    color: var(--acc-strong);
}
/* white-alpha hairlines → subtle dark hairlines */
html[data-theme="light"] body.aurora-storefront .aurora-wc-reviews,
html[data-theme="light"] body.aurora-storefront #product-reviews,
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs {
    border-top-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront #review_form_wrapper,
html[data-theme="light"] body.aurora-storefront .aurora-product-trust span,
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .woocommerce-Tabs-panel,
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .woocommerce-tabs ul.tabs li a {
    border-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .aurora-tab-panel__heading {
    border-bottom-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .aurora-tab-content--additional .shop_attributes tr {
    border-bottom-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .woocommerce-tabs ul.tabs li.active a,
html[data-theme="light"] body.aurora-storefront .aurora-wc-product-tabs .woocommerce-tabs ul.tabs li a:hover {
    color: var(--acc-strong);
}

/* ─────────────────────────────────────────────────────────────────────
   4. CERTIFICATES OF ANALYSIS (product page card + /coa/ results)
   product-coa.css is entirely hardcoded navy + cyan text.
   ───────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__card {
    background: linear-gradient(145deg, #ffffff, #f3f6fb);
    border: 1px solid rgba(0, 144, 179, 0.28);
    box-shadow: 0 12px 34px rgba(20, 30, 50, 0.08);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__header {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__header:hover,
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__header:focus-visible {
    background: rgba(var(--acc-rgb), 0.05);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__icon {
    background: rgba(var(--acc-rgb), 0.1);
    border-color: rgba(var(--acc-rgb), 0.28);
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__title {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__count {
    background: rgba(var(--acc-rgb), 0.1);
    border-color: rgba(var(--acc-rgb), 0.3);
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__chevron {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__body {
    border-top-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__row {
    background: rgba(11, 18, 32, 0.025);
    border-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__row.is-latest {
    background: rgba(var(--acc-rgb), 0.07);
    border-color: rgba(var(--acc-rgb), 0.3);
    box-shadow: inset 0 0 0 1px rgba(var(--acc-rgb), 0.06);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__label {
    color: var(--txt3);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__value,
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__row.is-latest .aurora-product-coa__value {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__status--latest {
    background: rgba(var(--acc-rgb), 0.12);
    border-color: rgba(var(--acc-rgb), 0.35);
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__status--other {
    background: rgba(11, 18, 32, 0.04);
    border-color: rgba(11, 18, 32, 0.12);
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__btn {
    background: linear-gradient(135deg, #007a99, #4a5fe0);
    color: #ffffff;
}
html[data-theme="light"] body.aurora-storefront a.aurora-product-coa__btn:hover {
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(var(--acc-rgb), 0.28);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__btn.is-disabled {
    background: rgba(11, 18, 32, 0.06);
    color: var(--txt3);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__archive {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-product-coa__archive:hover {
    color: var(--acc);
}

/* /coa/ results: product name link + batch label */
html[data-theme="light"] body.aurora-storefront .aurora-coa-search-result__product a {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-coa-search-result__product a:hover {
    color: var(--acc);
}
html[data-theme="light"] body.aurora-storefront .aurora-coa-card__batch-label {
    color: var(--acc-strong);
}

/* ─────────────────────────────────────────────────────────────────────
   5. FOOTER  (design-system.css: rgba(2,5,14,.98) + blue-grey text)
   ───────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body.aurora-storefront .SiteFooter_footer__tpuYU {
    background: linear-gradient(180deg, #f6f8fb 0%, #eef1f7 100%);
    border-top: 1px solid rgba(0, 144, 179, 0.25);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_footer__tpuYU::before {
    background: linear-gradient(90deg,
        transparent,
        rgba(0, 144, 179, 0.55),
        rgba(156, 0, 184, 0.55),
        transparent);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_grid__VTxMy {
    border-bottom-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_brand__hRHi1 p {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_logo__1_Fqn,
html[data-theme="light"] body.aurora-storefront .SiteFooter_logoName__sQ6xo {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_logoSub__pK_mW {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_footer__tpuYU h4,
html[data-theme="light"] body.aurora-storefront .SiteFooter_footer__tpuYU .SiteFooter_colTitle {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_footer__tpuYU ul a,
html[data-theme="light"] body.aurora-storefront .aurora-footer-menu a {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_footer__tpuYU ul a:hover,
html[data-theme="light"] body.aurora-storefront .aurora-footer-menu a:hover,
html[data-theme="light"] body.aurora-storefront .aurora-footer-menu a:focus-visible {
    color: var(--acc);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_contact__QSmgK {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_contact__QSmgK:hover {
    color: var(--acc);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_whatsapp__link {
    color: #1da851;
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_disclaimer__Cv0x4 {
    color: var(--txt2) !important;
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_copyright__zJn1t {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_ruo__lMdcn {
    background: rgba(var(--acc-rgb), 0.08);
    border-color: var(--acc-border);
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_designCredit,
html[data-theme="light"] body.aurora-storefront .SiteFooter_designCredit a {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .SiteFooter_designCredit a:hover {
    color: var(--acc);
}

/* ─────────────────────────────────────────────────────────────────────
   6. MENUS / TOAST / ACCOUNT CARDS
   ───────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body.aurora-storefront #mobile-nav,
html[data-theme="light"] body.aurora-storefront #SiteNav_mobile-nav__DeiEj {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 60px rgba(20, 30, 50, 0.15);
}
html[data-theme="light"] body.aurora-storefront .SiteNav_mobileBackdrop,
html[data-theme="light"] body.aurora-storefront .mobile-nav-backdrop {
    background: rgba(15, 23, 42, 0.35);
}
html[data-theme="light"] body.aurora-storefront .SiteNav_mobileClose__aurora {
    background: rgba(11, 18, 32, 0.04);
}
html[data-theme="light"] body.aurora-storefront .aurora-main-menu .sub-menu,
html[data-theme="light"] body.aurora-storefront .aurora-main-menu:not(.aurora-main-menu--mobile) .menu-item-has-children > .sub-menu {
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 18px 48px rgba(20, 30, 50, 0.14);
}
html[data-theme="light"] body.aurora-storefront .aurora-main-menu--mobile .sub-menu {
    background: transparent;
    box-shadow: none;
}
html[data-theme="light"] body.aurora-storefront .aurora-main-menu--mobile .sub-menu .menu-item > a {
    border-bottom-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .Toast_toast__O7TdZ {
    background: rgba(255, 255, 255, 0.98);
    color: var(--txt);
    box-shadow: 0 16px 40px rgba(20, 30, 50, 0.14);
}
html[data-theme="light"] body.aurora-storefront .aurora-dashboard-card {
    background: rgba(var(--bg-c-rgb), 0.85);
}

/* ─────────────────────────────────────────────────────────────────────
   7. AFFILIATE PORTAL
   affiliate.css hardcodes #fff headings, #e8edf5 body text, and inputs
   with light-grey text (invisible once --bg-ch is light).
   ───────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal {
    color: var(--txt);
}

/* Hero glow — drop the dark scrim. (Landing hero shell is an image hero
   and stays dark on purpose, so it is excluded.) */
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-hero-shell:not(.affiliate-hero-shell--landing)::before,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-hero::before {
    background:
        radial-gradient(ellipse 80% 60% at 20% 0%, rgba(var(--acc-rgb), 0.1), transparent 55%),
        radial-gradient(ellipse 70% 50% at 85% 10%, rgba(var(--purple-rgb), 0.08), transparent 50%),
        linear-gradient(180deg, rgba(var(--bg-c-rgb), 0.7), rgba(var(--bg-rgb), 0));
}

/* Headings that were hardcoded #fff */
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-hero-title:not(.affiliate-hero-title--landing),
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-stat-card h3,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .sec-title,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-step h3,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-benefits li strong,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-cta-banner h2,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-terms-list li strong,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-benefit-panel h3,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-rule-card h3,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-registration-title,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-registration-sub,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-register-section .affiliate-step-body strong,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-form-card-head h2,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-login-title,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-login-sub,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-title,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-panel__title,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-link-row label,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-form label,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-wrap label {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-desc,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-panel__intro,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-panel__body,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-note,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-terms-list,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-terms-list li,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-benefit-list,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-hero-desc,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-registration-desc,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-login-desc,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-login-form .affwp-user-remember {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-ruo,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-ruo-note {
    color: var(--txt);
    background: rgba(var(--acc-rgb), 0.06);
    border-color: rgba(var(--acc-rgb), 0.22);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-login-form .affwp-lost-password a:hover {
    color: var(--acc);
}

/* Dashboard tab bar + panels */
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-nav,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
    background: rgba(var(--bg-c-rgb), 0.9);
    border-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-nav__link,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-nav__link:hover,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-nav__link:focus-visible,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a:hover {
    background: rgba(var(--acc-rgb), 0.1);
    border-color: rgba(var(--acc-rgb), 0.25);
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-nav__link.is-active,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a {
    background: linear-gradient(135deg, var(--acc) 0%, var(--purple) 100%);
    color: #ffffff;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-dashboard-panel.card-panel,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-page .aurora-affiliate-portal .card-panel,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-page .aurora-affiliate-portal .affiliate-panel {
    background: #ffffff;
    border: 1px solid var(--aurora-border);
    box-shadow: 0 12px 34px rgba(20, 30, 50, 0.08);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-panel {
    background: linear-gradient(165deg, #ffffff, rgba(var(--bg-c-rgb), 0.9));
    border-color: var(--aurora-border);
    box-shadow: 0 12px 34px rgba(20, 30, 50, 0.08);
}

/* AffiliateWP output ([affiliate_area]) — the empty light-blue box in the
   Overview tab was a notice with light text on a light tint. */
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-notice,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-message {
    background: rgba(var(--acc-rgb), 0.08);
    border-color: rgba(var(--acc-rgb), 0.3);
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-notice a {
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal table.affwp-table,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-table {
    background: #ffffff !important;
    border-color: var(--aurora-border) !important;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal table.affwp-table th,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal table.affwp-table td {
    border-bottom-color: var(--aurora-border) !important;
    color: var(--txt2) !important;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal table.affwp-table th {
    color: var(--txt) !important;
    background: rgba(var(--acc-rgb), 0.07) !important;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal input,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal select,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal textarea,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-form input,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-form select,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-form textarea {
    background: var(--aurora-input-bg) !important;
    border: 1px solid rgba(11, 18, 32, 0.16) !important;
    color: var(--txt) !important;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-register-form input::placeholder,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-register-form textarea::placeholder {
    color: var(--txt3);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-submit,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-form .button,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affwp-form input[type="submit"] {
    background: linear-gradient(135deg, var(--acc) 0%, var(--purple) 100%) !important;
    color: #ffffff !important;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-copy-btn {
    background: rgba(var(--acc-rgb), 0.08);
    color: var(--acc-strong);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-copy-btn:hover,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-copy-btn:focus-visible {
    background: rgba(var(--acc-rgb), 0.16);
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-copy-btn.is-copied {
    background: linear-gradient(135deg, var(--acc) 0%, var(--purple) 100%);
    color: #ffffff;
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-benefits li,
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-auth-side .affiliate-mini-list li {
    background: rgba(var(--bg-c-rgb), 0.7);
    border-color: var(--aurora-border);
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-hero-visual {
    background: linear-gradient(165deg, #ffffff, rgba(var(--bg-c-rgb), 0.95));
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-auth-side h2 {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront .aurora-affiliate-portal .affiliate-cta-banner__bg {
    background:
        radial-gradient(circle at 15% 50%, rgba(var(--acc-rgb), 0.1), transparent 45%),
        radial-gradient(circle at 85% 40%, rgba(var(--purple-rgb), 0.08), transparent 50%),
        linear-gradient(90deg, rgba(var(--bg-c-rgb), 0.5), rgba(var(--bg-c-rgb), 0.9));
}
html[data-theme="light"] body.aurora-storefront.page-id-509 .aurora-affiliate-portal .PageHero_desc__bElsU,
html[data-theme="light"] body.aurora-storefront.page-id-509 .aurora-affiliate-portal .affiliate-terms-list li {
    color: var(--txt2);
}

/* ── Affiliate landing (/affiliate/) ─────────────────────────────────
   The hero is a dark image hero, so its copy is pinned white (the token
   text colour would otherwise turn dark on top of the dark scrim).
   Everything below the hero follows the light theme. */
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-title,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-hero .affiliate-landing-desc {
    color: #ffffff;
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-hero .affiliate-landing-desc {
    color: rgba(226, 236, 246, 0.92);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-hero .btn-ghost {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff !important;
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-hero .btn-ghost:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.5);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-hero .btn-primary {
    color: #ffffff !important;
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-feature,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-benefit {
    background: #ffffff;
    border-color: var(--aurora-border);
    box-shadow: 0 10px 28px rgba(20, 30, 50, 0.06);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-feature:hover,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-benefit:hover {
    box-shadow: 0 14px 36px rgba(20, 30, 50, 0.12);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-feature h3 {
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-feature p,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-step p,
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .benefit-content p {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .step-icon-wrap {
    background: #ffffff;
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-step-number {
    background: #ffffff;
    border-color: var(--aurora-border);
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-step:not(:last-child)::after {
    border-top-color: rgba(11, 18, 32, 0.22);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-compliance {
    background: rgba(var(--bg-c-rgb), 0.85);
    border-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .compliance-text span {
    color: var(--txt2);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-compliance-pill {
    background: rgba(11, 18, 32, 0.04);
    border-color: var(--aurora-border);
    color: var(--txt);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-final-card {
    background:
        radial-gradient(circle at 14% 50%, rgba(var(--acc-rgb), 0.12), transparent 42%),
        radial-gradient(circle at 85% 40%, rgba(var(--mag-rgb), 0.1), transparent 45%),
        linear-gradient(135deg, #ffffff, rgba(var(--bg-c-rgb), 0.95));
    border-color: var(--aurora-border);
}
html[data-theme="light"] body.aurora-storefront.aurora-affiliate-landing .affiliate-landing-final-card p {
    color: var(--txt2);
}