/* ============================================================
   LIGHT THEME — apply via <html class="theme-light">
   Base shop.css remains the original dark theme (default).
   ============================================================ */

.theme-light{
  --void:#f3f4f6;
  --void-2:#e5e7eb;
  --panel: rgba(255,255,255,0.85);
  --panel-border: rgba(55,65,81,0.25);
  --text:#0a0e1a;
  --text-muted:#1f2937;
  --text-faint:#4b5563;
  --magic-navy:#1e3a8a;
  --magic-gold:#b45309;
  --magic-pink:#be185d;
  --magic-sky:#0369a1;
  --green:#047857;
  --red:#b91c1c;
}

.theme-light body,
body.theme-light{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(124,58,237,.08), transparent 55%),
    radial-gradient(900px 500px at 90% 0%, rgba(245,179,1,.08), transparent 50%),
    #f3f4f6 !important;
  color:#0a0e1a !important;
}

.theme-light a{ color:#1d4ed8 !important; }
.theme-light a:hover{ color:#5b21b6 !important; text-decoration:underline; }

.theme-light h1,.theme-light h2,.theme-light h3,
.theme-light h4,.theme-light h5,.theme-light h6,
.theme-light .section-title, .theme-light .deal-title,
.theme-light .p-title, .theme-light .pdp-name,
.theme-light .gc-text b, .theme-light .p-price .new,
.theme-light .ct-name, .theme-light .hero-panel-brand,
.theme-light .deals-head h2, .theme-light .promo-strip-title,
.theme-light .placeholder-title, .theme-light .acct-card-num{
  color:#000000 !important;
  font-weight:800 !important;
}

.theme-light p, .theme-light span, .theme-light li, .theme-light td,
.theme-light small, .theme-light .p-meta, .theme-light .section-sub,
.theme-light .promo-strip-subtitle, .theme-light .gc-text small,
.theme-light .placeholder-desc, .theme-light .hs-text small{
  color:#111827 !important;
  font-weight:600 !important;
}

.theme-light .mn-link, .theme-light .primary-cat,
.theme-light .main-tab, .theme-light .store-tab,
.theme-light .nav-links a, .theme-light .ub-link,
.theme-light .ub-user-trigger, .theme-light .ub-user-name,
.theme-light .utility-inner, .theme-light .gateway-link{
  color:#000000 !important;
  font-weight:700 !important;
}

.theme-light .btn, .theme-light .btn-secondary,
.theme-light .btn-ghost, .theme-light .btn-outline,
.theme-light .filter-chip, .theme-light .chip,
.theme-light .cat-tab, .theme-light .pp-tab,
.theme-light .deal-tab, .theme-light .brand-switch button,
.theme-light .qty-btn, .theme-light .promo-link,
.theme-light .section-view-all{
  background:#ffffff !important;
  color:#000000 !important;
  border:2.5px solid #374151 !important;
  font-weight:800 !important;
  box-shadow:0 2px 6px rgba(0,0,0,.1) !important;
}
.theme-light .btn:hover, .theme-light .btn-secondary:hover,
.theme-light .btn-ghost:hover, .theme-light .btn-outline:hover,
.theme-light .filter-chip:hover, .theme-light .cat-tab:hover,
.theme-light .pp-tab:hover, .theme-light .deal-tab:hover,
.theme-light .brand-switch button:hover{
  background:#c7d2fe !important;
  color:#1e1b4b !important;
  border-color:#3730a3 !important;
}

.theme-light .btn-primary, .theme-light .iz-btn,
.theme-light .ub-create, .theme-light .add-cart-btn,
.theme-light .buy-now-btn, .theme-light .cat-tab.active,
.theme-light .pp-tab.active, .theme-light .deal-tab.active,
.theme-light .brand-switch button.active.izone,
.theme-light .search-form button, .theme-light .nav-cart-count,
.theme-light .pdp-add, .theme-light .slide-cta,
.theme-light .promo-strip-cta{
  background:#1e40af !important;
  color:#ffffff !important;
  border:2.5px solid #1e3a8a !important;
  font-weight:800 !important;
  box-shadow:0 4px 14px rgba(30,64,175,.35) !important;
}
.theme-light .brand-switch button.active.magic,
.theme-light .btn-magic, .theme-light .slide-cta.magic{
  background:#b45309 !important;
  color:#ffffff !important;
  border:2.5px solid #92400e !important;
}

.theme-light input, .theme-light select, .theme-light textarea{
  background:#ffffff !important;
  color:#000000 !important;
  border:2.5px solid #374151 !important;
  font-weight:600 !important;
}
.theme-light input::placeholder, .theme-light textarea::placeholder{ color:#4b5563 !important; }
.theme-light label, .theme-light .form-label{ color:#000000 !important; font-weight:800 !important; }

.theme-light .gc-card, .theme-light .p-card,
.theme-light .category-tile, .theme-light .deal-card,
.theme-light .campaign-card, .theme-light .hero-side-slider,
.theme-light .hero-panel, .theme-light .co-side,
.theme-light .co-panel, .theme-light .acct-card,
.theme-light .drawer, .theme-light .pdp-popup,
.theme-light .modal-card, .theme-light .ub-user-menu,
.theme-light .placeholder-card{
  background:#ffffff !important;
  border:2.5px solid #4b5563 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
  color:#0a0e1a !important;
}

.theme-light .promo-strip-slide.izone,
.theme-light .promo-strip-slide.blue{
  background:linear-gradient(135deg,#bfdbfe,#c7d2fe) !important;
  border:2.5px solid #1d4ed8 !important;
}
.theme-light .promo-strip-slide.magic{
  background:linear-gradient(135deg,#fde68a,#fbcfe8) !important;
  border:2.5px solid #b45309 !important;
}
.theme-light .promo-strip-slide.red{
  background:linear-gradient(135deg,#fecaca,#fee2e2) !important;
  border:2.5px solid #b91c1c !important;
}
.theme-light .promo-strip-title{ color:#000000 !important; }
.theme-light .promo-strip-subtitle{ color:#1f2937 !important; }
.theme-light .promo-strip-icon, .theme-light .promo-strip-icon svg{
  color:#1d4ed8 !important;
  stroke:#1d4ed8 !important;
}

.theme-light .hero-slider{
  background:linear-gradient(135deg, #1e1b4b, #312e81) !important;
  border:2.5px solid #4b5563 !important;
}
.theme-light .hero-slide .h-title{ color:#ffffff !important; text-shadow:0 2px 12px rgba(0,0,0,.55) !important; }
.theme-light .hero-slide .h-sub{ color:#f3f4f6 !important; text-shadow:0 1px 8px rgba(0,0,0,.5) !important; }
.theme-light .hero-slide .eyebrow{ color:#fde68a !important; text-shadow:0 1px 6px rgba(0,0,0,.5) !important; }

/* Side panels stay DARK branded cards — light text like desktop */
.theme-light .hero-side-slider,
.theme-light .hero-panel{
  background:#14193a !important;
  border-color:rgba(245,179,1,.35) !important;
}
.theme-light .hero-side-slider--magic,
.theme-light .hero-panel--magic{
  background:linear-gradient(135deg, #2a2040 0%, #1a1030 100%) !important;
  border-color:rgba(245,179,1,.4) !important;
}
.theme-light .hero-side-slider--izone,
.theme-light .hero-panel--izone{
  background:linear-gradient(135deg, #152248 0%, #101830 100%) !important;
  border-color:rgba(47,111,237,.4) !important;
}
.theme-light .hero-side-slider .hero-panel-header,
.theme-light .hero-panel .hero-panel-header{
  background:rgba(0,0,0,.25) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.theme-light .hero-panel-brand,
.theme-light .hero-side-slider .hero-panel-brand,
.theme-light .hero-panel .hero-panel-brand{
  color:#ffffff !important;
}
.theme-light .hero-side-slider .h-title,
.theme-light .hero-panel .h-title,
.theme-light .hero-grid-side .h-title{
  color:#ffffff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}
.theme-light .hero-side-slider .h-sub,
.theme-light .hero-panel .h-sub,
.theme-light .hero-grid-side .h-sub{
  color:#c5cbe8 !important;
  text-shadow:none !important;
}
.theme-light .hero-side-slider .h-icon,
.theme-light .hero-panel .h-icon,
.theme-light .hero-grid-side .h-icon,
.theme-light .hero-side-slider .h-icon svg,
.theme-light .hero-grid-side .h-icon svg{
  color:#ffffff !important;
  stroke:#ffffff !important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.45)) !important;
}
.theme-light .hero-side-slider .eyebrow,
.theme-light .hero-panel .eyebrow{
  color:#f2b3ff !important;
}
.theme-light .hero-side-slider .slide-cta,
.theme-light .hero-panel .slide-cta,
.theme-light .hero-grid-side .slide-cta{
  background:linear-gradient(135deg, #2f6fed, #7c3aed) !important;
  color:#ffffff !important;
  border:2px solid rgba(255,255,255,.2) !important;
}
.theme-light .hero-side-slider--magic .slide-cta,
.theme-light .hero-panel--magic .slide-cta{
  background:linear-gradient(135deg, #d97706, #e8a0c4) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.2) !important;
}
.theme-light .hero-side-slider .hero-carousel-arrow,
.theme-light .hero-panel .hero-carousel-arrow,
.theme-light .hero-grid-side .hero-carousel-arrow{
  background:rgba(255,255,255,.15) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.3) !important;
  opacity:1 !important;
  visibility:visible !important;
}
.theme-light .hero-side-slider .hero-carousel-dots button,
.theme-light .hero-grid-side .hero-carousel-dots button{
  background:rgba(255,255,255,.35) !important;
}
.theme-light .hero-side-slider .hero-carousel-dots button.active,
.theme-light .hero-grid-side .hero-carousel-dots button.active{
  background:#f5b301 !important;
}
.theme-light .hero-carousel-arrow{
  background:rgba(255,255,255,.15) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.3) !important;
  opacity:1 !important;
  visibility:visible !important;
}
.theme-light .slide-dots span, .theme-light .slide-dots .dot,
.theme-light .hero-dots span{ background:#4b5563 !important; opacity:1 !important; }
.theme-light .slide-dots span.active, .theme-light .slide-dots .dot.active,
.theme-light .hero-dots span.active{ background:#1e40af !important; }

.theme-light .search-form{
  background:#ffffff !important;
  border:2.5px solid #374151 !important;
}
.theme-light .search-form input{ color:#000000 !important; }
.theme-light .search-form button{
  background:#1e40af !important;
  color:#ffffff !important;
  border-left:2.5px solid #1e3a8a !important;
}

.theme-light .utility-bar{ background:#f8fafc !important; border-bottom:2.5px solid #cbd5e1 !important; }
.theme-light .utility-inner{ color:#000000 !important; }
.theme-light .ub-user-trigger{
  background:#ffffff !important;
  color:#000000 !important;
  border:2.5px solid #374151 !important;
}

.theme-light .announce-bar{
  background:linear-gradient(90deg,#1e3a8a,#6d28d9 55%,#9d174d) !important;
  color:#ffffff !important;
  font-weight:700 !important;
}

.theme-light .site-footer, .theme-light footer.site-footer{
  background:#e5e7eb !important;
  border-top:2.5px solid #4b5563 !important;
}
.theme-light .site-footer a, .theme-light .site-footer p,
.theme-light .site-footer li, .theme-light .site-footer span{
  color:#111827 !important;
  font-weight:600 !important;
}

.theme-light .drawer-title, .theme-light .pdp-popup-title,
.theme-light .modal-title{ color:#000000 !important; }
.theme-light .drawer-body, .theme-light .pdp-popup-body,
.theme-light .modal-body{ color:#1f2937 !important; }
.theme-light .mn-dropdown-menu, .theme-light .menu-dropdown{
  background:#ffffff !important;
  border:2.5px solid #4b5563 !important;
}
.theme-light .mn-dropdown-menu a, .theme-light .menu-dropdown a,
.theme-light .ub-user-item{ color:#000000 !important; font-weight:700 !important; }
.theme-light .mn-dropdown-menu a:hover, .theme-light .menu-dropdown a:hover,
.theme-light .ub-user-item:hover{
  color:#312e81 !important;
  background:#e0e7ff !important;
}

.theme-light .deals-tags .flash{ background:#047857 !important; color:#fff !important; }
.theme-light .deals-tags .arrivals{ background:#1e40af !important; color:#fff !important; }
.theme-light .deals-tags .outlet{ background:#b91c1c !important; color:#fff !important; }

.theme-light .icon-btn{ color:#1f2937 !important; }
.theme-light .icon-btn:hover{ color:#1d4ed8 !important; }

.theme-light .brand-lockup .name{ color:#000000 !important; }
.theme-light .brand-lockup .name small{ color:#1f2937 !important; }

.theme-light .gateway-tag, .theme-light .trust-chip{
  background:#ffffff !important;
  border:2.5px solid #4b5563 !important;
  color:#1f2937 !important;
}
.theme-light .gateway-tag b, .theme-light .trust-chip b{ color:#000000 !important; }

.theme-light .ribbon{ background:#b91c1c !important; color:#fff !important; border:2px solid #991b1b !important; }

.theme-light .app-mobilebar, .theme-light .mobile-bar{
  background:#ffffff !important;
  border-top:2.5px solid #4b5563 !important;
}

.theme-light .co-total, .theme-light .cart-total,
.theme-light .order-total{ color:#1e40af !important; font-weight:800 !important; }

.theme-light .badge-paid, .theme-light .status-paid{ background:#047857 !important; color:#fff !important; }
.theme-light .badge-pending, .theme-light .status-pending{ background:#b45309 !important; color:#fff !important; }

.theme-light .qty-btn{
  background:#ffffff !important;
  color:#000000 !important;
  border:2.5px solid #374151 !important;
  font-weight:800 !important;
}

.theme-light .sparkle{ opacity:.35 !important; }
.theme-light .bg-world .seam-glow{ opacity:.08 !important; }
.theme-light .bg-world .dot-grid{ opacity:.2 !important; background-image:radial-gradient(rgba(124,58,237,0.18) 1px, transparent 1.4px) !important; }

.theme-light img{ filter:none !important; opacity:1 !important; }

/* theme toggle button (visible on both themes) */
.theme-toggle{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  padding:7px 12px !important;
  border-radius:999px !important;
  cursor:pointer;
  text-decoration:none !important;
  line-height:1;
  font-weight:700 !important;
  font-size:12px !important;
  transition:all .2s ease;
}
/* dark (default) look for toggle */
.theme-toggle{
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
}
.theme-toggle:hover{
  background:rgba(124,58,237,.25) !important;
  border-color:rgba(124,58,237,.5) !important;
}
/* light theme look for toggle */
.theme-light .theme-toggle{
  background:#ffffff !important;
  color:#000000 !important;
  border:2.5px solid #374151 !important;
}
.theme-light .theme-toggle:hover{
  background:#c7d2fe !important;
  border-color:#3730a3 !important;
  color:#1e1b4b !important;
}
.theme-toggle .theme-toggle-icon{ font-size:14px; }

/* ============================================================
   LIGHT THEME — HEADER / NAV BULLETPROOF (html.theme-light)
   ============================================================ */

html.theme-light .announce-bar,
.theme-light .announce-bar{
  background:linear-gradient(90deg,#1e3a8a,#5b21b6 55%,#9d174d) !important;
  color:#ffffff !important;
  font-weight:700 !important;
}
html.theme-light .announce-bar *,
.theme-light .announce-bar *{ color:#ffffff !important; }
html.theme-light .announce-bar .spark{ color:#fde68a !important; }

html.theme-light .utility-bar,
.theme-light .utility-bar{
  background:#f8fafc !important;
  border-bottom:2.5px solid #cbd5e1 !important;
  box-shadow:none !important;
}
html.theme-light .utility-inner,
html.theme-light .utility-left,
html.theme-light .utility-right,
.theme-light .utility-inner,
.theme-light .utility-left,
.theme-light .utility-right{ color:#0a0e1a !important; }

html.theme-light .ub-link,
html.theme-light .ub-region,
html.theme-light .ub-region-cur,
html.theme-light .ub-tagline,
html.theme-light .ub-wa,
.theme-light .ub-link,
.theme-light .ub-region,
.theme-light .ub-region-cur,
.theme-light .ub-tagline,
.theme-light .ub-wa{
  color:#0a0e1a !important;
  font-weight:700 !important;
}
html.theme-light .ub-tagline-dot,
.theme-light .ub-tagline-dot{ background:#1d4ed8 !important; }

html.theme-light .ub-dd-trigger,
.theme-light .ub-dd-trigger{
  background:#ffffff !important;
  color:#0a0e1a !important;
  border:2.5px solid #6b7280 !important;
  font-weight:700 !important;
}
html.theme-light .ub-dd-trigger:hover,
.theme-light .ub-dd-trigger:hover{
  background:#e0e7ff !important;
  color:#1e1b4b !important;
  border-color:#4f46e5 !important;
}
html.theme-light .ub-ico,
html.theme-light .ub-ico svg,
html.theme-light .ub-caret,
html.theme-light .ub-caret svg,
.theme-light .ub-ico,
.theme-light .ub-ico svg,
.theme-light .ub-caret,
.theme-light .ub-caret svg{ color:#1e293b !important; stroke:#1e293b !important; }

html.theme-light .ub-dd-menu,
.theme-light .ub-dd-menu{
  background:#ffffff !important;
  border:2.5px solid #4b5563 !important;
}
html.theme-light .ub-dd-item,
.theme-light .ub-dd-item{
  color:#0a0e1a !important;
  font-weight:700 !important;
  background:#ffffff !important;
}
html.theme-light .ub-dd-item:hover,
.theme-light .ub-dd-item:hover{
  background:#e0e7ff !important;
  color:#312e81 !important;
}

html.theme-light .ub-user-trigger,
.theme-light .ub-user-trigger{
  background:#ffffff !important;
  color:#0a0e1a !important;
  border:2.5px solid #374151 !important;
  font-weight:800 !important;
}
html.theme-light .ub-user-trigger:hover,
.theme-light .ub-user-trigger:hover{
  background:#e0e7ff !important;
  color:#1e1b4b !important;
  border-color:#4f46e5 !important;
}
html.theme-light .ub-user-name,
.theme-light .ub-user-name{ color:#0a0e1a !important; font-weight:800 !important; }
html.theme-light .ub-user-caret,
html.theme-light .ub-user-caret svg,
.theme-light .ub-user-caret,
.theme-light .ub-user-caret svg{ color:#1e293b !important; stroke:#1e293b !important; }

html.theme-light .ub-user-menu,
.theme-light .ub-user-menu{
  background:#ffffff !important;
  border:2.5px solid #4b5563 !important;
  box-shadow:0 24px 60px rgba(0,0,0,.18) !important;
}
html.theme-light .ub-user-header,
.theme-light .ub-user-header{
  background:linear-gradient(180deg,#eef2ff 0%,#ffffff 100%) !important;
  border-bottom:2px solid #e5e7eb !important;
}
html.theme-light .ub-user-name-large,
.theme-light .ub-user-name-large{ color:#000000 !important; font-weight:800 !important; }
html.theme-light .ub-user-email,
.theme-light .ub-user-email{ color:#374151 !important; font-weight:600 !important; }
html.theme-light .ub-user-divider,
.theme-light .ub-user-divider{ background:#e5e7eb !important; }
html.theme-light .ub-user-section-title,
.theme-light .ub-user-section-title{ color:#6b7280 !important; font-weight:800 !important; }
html.theme-light .ub-user-item,
.theme-light .ub-user-item{
  color:#0a0e1a !important;
  font-weight:700 !important;
  background:transparent !important;
}
html.theme-light .ub-user-item svg,
.theme-light .ub-user-item svg{ color:#1e293b !important; stroke:#1e293b !important; }
html.theme-light .ub-user-item:hover,
.theme-light .ub-user-item:hover{
  background:#e0e7ff !important;
  color:#312e81 !important;
}

/* MAIN NAV — force white bar */
html.theme-light header,
html.theme-light .main-nav,
html.theme-light .sticky-nav-stack .main-nav,
.theme-light header,
.theme-light .main-nav,
.theme-light .sticky-nav-stack .main-nav{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border-bottom:2.5px solid #cbd5e1 !important;
  box-shadow:0 8px 24px -18px rgba(15,23,42,.35) !important;
}

html.theme-light .brand-lockup .name,
.theme-light .brand-lockup .name{
  color:#000000 !important;
  font-weight:800 !important;
}
html.theme-light .brand-lockup .name small,
.theme-light .brand-lockup .name small{
  color:#374151 !important;
  font-weight:700 !important;
}
html.theme-light .brand-lockup .x-divider,
.theme-light .brand-lockup .x-divider{
  background:none !important;
  -webkit-text-fill-color:#5b21b6 !important;
  color:#5b21b6 !important;
}
html.theme-light .brand-lockup .logo-chip,
.theme-light .brand-lockup .logo-chip{
  background:#ffffff !important;
  border:2px solid #e5e7eb !important;
  box-shadow:0 4px 12px rgba(15,23,42,.08) !important;
}

/* primary nav pills (Flash, New, Super, Outlet, Categories...) */
html.theme-light .primary-nav .primary-cat,
html.theme-light .mn-link,
html.theme-light .main-tab,
html.theme-light .store-tab,
html.theme-light .nav-links a,
.theme-light .primary-nav .primary-cat,
.theme-light .mn-link,
.theme-light .main-tab,
.theme-light .store-tab,
.theme-light .nav-links a{
  color:#0a0e1a !important;
  font-weight:800 !important;
  background:transparent !important;
  border-color:transparent !important;
}

html.theme-light .primary-nav .primary-cat,
html.theme-light .store-tab,
.theme-light .primary-nav .primary-cat,
.theme-light .store-tab{
  background:#ffffff !important;
  color:#0a0e1a !important;
  border:2.5px solid #9ca3af !important;
}
html.theme-light .primary-nav .primary-cat:hover,
html.theme-light .store-tab:hover,
.theme-light .primary-nav .primary-cat:hover,
.theme-light .store-tab:hover{
  background:#e0e7ff !important;
  color:#312e81 !important;
  border-color:#4f46e5 !important;
}
html.theme-light .primary-nav .primary-cat.active,
html.theme-light .store-tab.active,
.theme-light .primary-nav .primary-cat.active,
.theme-light .store-tab.active{
  background:linear-gradient(90deg,#1d4ed8,#b45309) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}

html.theme-light .nav-links a:hover,
html.theme-light .mn-link:hover,
html.theme-light .main-tab:hover,
.theme-light .nav-links a:hover,
.theme-light .mn-link:hover,
.theme-light .main-tab:hover{
  color:#5b21b6 !important;
  background:#e0e7ff !important;
}

/* Menu + Cart buttons */
html.theme-light .menu-control,
html.theme-light .nav-cart-btn,
.theme-light .menu-control,
.theme-light .nav-cart-btn{
  background:#ffffff !important;
  color:#0a0e1a !important;
  border:2.5px solid #6b7280 !important;
  font-weight:800 !important;
}
html.theme-light .menu-control:hover,
html.theme-light .nav-cart-btn:hover,
.theme-light .menu-control:hover,
.theme-light .nav-cart-btn:hover{
  background:#e0e7ff !important;
  color:#312e81 !important;
  border-color:#4f46e5 !important;
}
html.theme-light .nav-cart-count,
.theme-light .nav-cart-count{
  background:linear-gradient(135deg,#1d4ed8,#5b21b6) !important;
  color:#ffffff !important;
}

/* search */
html.theme-light .main-nav .search-form,
.theme-light .main-nav .search-form{
  background:#ffffff !important;
  border:2.5px solid #6b7280 !important;
}
html.theme-light .main-nav .search-form input,
.theme-light .main-nav .search-form input{ color:#0a0e1a !important; }
html.theme-light .main-nav .search-form input::placeholder,
.theme-light .main-nav .search-form input::placeholder{ color:#6b7280 !important; }
html.theme-light .main-nav .search-form button,
.theme-light .main-nav .search-form button{
  background:#1d4ed8 !important;
  color:#ffffff !important;
  border-left:2.5px solid #1e3a8a !important;
}

/* CATEGORY NAV row */
html.theme-light .category-nav,
.theme-light .category-nav{
  background:#f1f5f9 !important;
  border-bottom:2.5px solid #cbd5e1 !important;
  box-shadow:0 8px 20px -18px rgba(15,23,42,.4) !important;
}
html.theme-light .category-nav .primary-cat,
html.theme-light .cat-scroll.primary-cat,
.theme-light .category-nav .primary-cat,
.theme-light .cat-scroll.primary-cat{
  color:#0a0e1a !important;
  font-weight:800 !important;
  background:#ffffff !important;
  border:2px solid #9ca3af !important;
}
html.theme-light .category-nav .primary-cat:hover,
html.theme-light .cat-scroll.primary-cat:hover,
.theme-light .category-nav .primary-cat:hover,
.theme-light .cat-scroll.primary-cat:hover{
  background:#e0e7ff !important;
  color:#312e81 !important;
  border-color:#4f46e5 !important;
}
html.theme-light .category-nav .primary-cat.active,
.theme-light .category-nav .primary-cat.active{
  background:linear-gradient(90deg,#1d4ed8,#b45309) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}
html.theme-light .category-nav .cat-icon,
html.theme-light .category-nav .cat-label,
html.theme-light .category-nav .cat-arrow,
.theme-light .category-nav .cat-icon,
.theme-light .category-nav .cat-label,
.theme-light .category-nav .cat-arrow{
  color:#0a0e1a !important;
}
html.theme-light .category-nav .primary-cat.active .cat-arrow,
.theme-light .category-nav .primary-cat.active .cat-arrow{ color:#ffffff !important; }

/* contextual mega menu */
html.theme-light .contextual-nav,
.theme-light .contextual-nav{
  background:#ffffff !important;
  border-bottom:2px solid #e5e7eb !important;
}
html.theme-light .ctx-title,
.theme-light .ctx-title{ color:#6b7280 !important; font-weight:800 !important; }
html.theme-light .contextual-opt,
html.theme-light .contextual-all,
.theme-light .contextual-opt,
.theme-light .contextual-all{
  color:#0a0e1a !important;
  font-weight:700 !important;
  background:#ffffff !important;
  border:2px solid #9ca3af !important;
}
html.theme-light .contextual-opt:hover,
html.theme-light .contextual-all:hover,
.theme-light .contextual-opt:hover,
.theme-light .contextual-all:hover{
  background:#e0e7ff !important;
  color:#312e81 !important;
  border-color:#4f46e5 !important;
}
html.theme-light .contextual-close,
.theme-light .contextual-close{
  color:#1e293b !important;
  border:2px solid #9ca3af !important;
  background:#ffffff !important;
}

/* hero / trending CTAs — white text on gradient */
html.theme-light .slide-cta,
html.theme-light .shc-switch,
html.theme-light .promo-strip-cta,
html.theme-light .btn-primary,
html.theme-light .iz-btn,
.theme-light .slide-cta,
.theme-light .shc-switch,
.theme-light .promo-strip-cta,
.theme-light .btn-primary,
.theme-light .iz-btn{
  color:#ffffff !important;
}

/* hero side panel CTA readable */
html.theme-light .hero-side-slider .slide-cta,
html.theme-light .hero-panel .slide-cta,
.theme-light .hero-side-slider .slide-cta,
.theme-light .hero-panel .slide-cta{
  color:#ffffff !important;
  background:linear-gradient(135deg,#1d4ed8,#5b21b6) !important;
  border:2px solid #1e3a8a !important;
}
html.theme-light .hero-side-slider--magic .slide-cta,
html.theme-light .hero-panel--magic .slide-cta,
.theme-light .hero-side-slider--magic .slide-cta,
.theme-light .hero-panel--magic .slide-cta{
  color:#ffffff !important;
  background:linear-gradient(135deg,#b45309,#be185d) !important;
  border:2px solid #92400e !important;
}

/* icon buttons in header */
html.theme-light .icon-btn,
.theme-light .icon-btn{ color:#1e293b !important; }
html.theme-light .icon-btn:hover,
.theme-light .icon-btn:hover{ color:#1d4ed8 !important; }

/* Dark shop-hero banners — keep light text on light theme */
html.theme-light .shop-hero-card .shc-title,
html.theme-light .shop-hero-card .shc-title-sm,
.theme-light .shop-hero-card .shc-title,
.theme-light .shop-hero-card .shc-title-sm{
  color:#ffffff !important;
}
html.theme-light .shop-hero-card .shc-desc,
.theme-light .shop-hero-card .shc-desc{
  color:#c5cbe8 !important;
}
html.theme-light .shop-hero-card .shc-eyebrow,
html.theme-light .shop-hero-card .shc-eyebrow *,
.theme-light .shop-hero-card .shc-eyebrow,
.theme-light .shop-hero-card .shc-eyebrow *{
  color:#f2b3ff !important;
}
html.theme-light .shop-hero-card .shc-switch,
.theme-light .shop-hero-card .shc-switch{
  color:#ffffff !important;
}
html.theme-light .hero-slider .h-title,
html.theme-light .hero-slide .h-title,
html.theme-light .hero-slider .h-sub,
html.theme-light .hero-slide .h-sub,
.theme-light .hero-slider .h-title,
.theme-light .hero-slide .h-title,
.theme-light .hero-slider .h-sub,
.theme-light .hero-slide .h-sub{
  color:#ffffff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45) !important;
}

/* Mobile bottom nav + PDP sticky bar — light theme visibility */
.theme-light .mobile-nav,
html.theme-light .mobile-nav{
  background:rgba(255,255,255,.96) !important;
  border-top:2.5px solid #cbd5e1 !important;
  backdrop-filter:blur(12px);
}
.theme-light .mobile-nav-item,
html.theme-light .mobile-nav-item{
  color:#4b5563 !important;
  font-weight:700 !important;
}
.theme-light .mobile-nav-item.active,
html.theme-light .mobile-nav-item.active{
  color:#1d4ed8 !important;
}
.theme-light .mobile-nav-item svg,
html.theme-light .mobile-nav-item svg{
  color:inherit !important;
  stroke:currentColor !important;
}
.theme-light .pdp-sticky-bar,
html.theme-light .pdp-sticky-bar{
  background:rgba(255,255,255,.97) !important;
  border-top:2.5px solid #cbd5e1 !important;
  box-shadow:0 -8px 24px -18px rgba(15,23,42,.35) !important;
}
.theme-light .psb-name,
html.theme-light .psb-name{ color:#0a0e1a !important; }
.theme-light .psb-price,
html.theme-light .psb-price{ color:#374151 !important; }
.theme-light .psb-variant,
.theme-light .psb-count,
html.theme-light .psb-variant,
html.theme-light .psb-count{ color:#b45309 !important; }
.theme-light .psb-view,
html.theme-light .psb-view{
  background:#ffffff !important;
  color:#0a0e1a !important;
  border:2px solid #6b7280 !important;
}
.theme-light .psb-checkout,
html.theme-light .psb-checkout{
  background:#1d4ed8 !important;
  color:#ffffff !important;
  border:2px solid #1e3a8a !important;
}
.theme-light .psb-add,
html.theme-light .psb-add{
  color:#ffffff !important;
}
.theme-light .support-fab,
html.theme-light .support-fab{
  color:#ffffff !important;
}