/* SourceParts Labs — dark-ops override. Loaded only when channel=labs. */
:root{
  --bg:#0a0c0f; --panel:#12161c; --panel-2:#161b22; --line:rgba(255,255,255,.08);
  --ink:#e7eaee; --muted:#8b929c; --dim:#5c636d;
  --amber:#ffb020; --amber-2:#ffc857; --green:#35d07f; --red:#ff5c5c;
  --mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;
}
body{
  background-color:#0a0c0f !important;
  background-image:radial-gradient(1200px 500px at 80% -10%,rgba(255,176,32,.06),transparent 60%) !important;
  color:var(--ink) !important;
}
body, .shop, p, span, a, li, div, button, input, select, textarea{ color:var(--ink); }
a:hover{ color:var(--amber) !important; }
h1,h2,h3,h4,.font-display{ color:var(--ink) !important; }
header{ background:rgba(10,12,15,.9) !important; border-bottom:1px solid var(--line) !important; }
.primary-button, button.primary-button, a.primary-button{
  background:linear-gradient(180deg,var(--amber-2),var(--amber)) !important;
  color:#1a1300 !important; border-radius:8px !important; box-shadow:0 0 0 1px rgba(255,176,32,.4) !important;
}
.secondary-button{ border:1px solid var(--line) !important; color:var(--ink) !important; border-radius:8px !important; }
/* product cards + panels (Bagisto shop grid) */
.card, .product-card, [class*="product"] .rounded, .shadow{ background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--ink) !important; }
::selection{ background:var(--amber); color:#1a1300; }
/* spec/mono affordance */
.sp-prose, .cms-content, .static-content{ color:var(--muted) !important; }
.sp-prose strong{ color:var(--ink) !important; }
.sp-prose li::before{ color:var(--amber) !important; }

/* SourceParts EU header/nav additions on the labs dark theme */
.labs-hero h1{ color:#fff !important; font-weight:600 !important; }
.sp-subnav{ background:var(--panel) !important; border-top-color:var(--line) !important; }
.sp-subnav .sp-nav-link{ color:var(--ink) !important; }
.sp-subnav .sp-nav-link:hover, .sp-subnav .sp-nav-link.is-active{ color:var(--amber) !important; }
.sp-trust-strip{ background:var(--panel) !important; border-top:1px solid var(--line) !important; }
.sp-search-panel{ background:var(--panel-2) !important; }
.sp-search-input, .sp-sr-name{ color:var(--ink) !important; }
.sp-sr-item{ color:var(--ink) !important; border-bottom-color:var(--line) !important; }
.sp-sr-item:hover{ background:var(--panel) !important; }
/* Bagisto's main wrapper ships as bg-white; on the dark labs theme that leaves the
   hero heading sitting on white. Force it dark so the light heading is readable. */
main.bg-white, main.bg-white > *{ background-color:transparent !important; }
main.bg-white{ background-color:var(--bg) !important; }
/* labs uses the shop's black wordmark; invert it to white for the dark header */
header img[src*="logo_navbar"]{ filter:brightness(0) invert(1); }

/* Footer on the dark labs theme: the shop's cream footer is a jarring light block
   with near-invisible links. Darken it and lift the text; keep the amber accents. */
footer.bg-lightOrange{ background:#0d1117 !important; border-top:1px solid var(--line) !important; }
footer.bg-lightOrange p, footer.bg-lightOrange li, footer.bg-lightOrange span,
footer.bg-lightOrange a:not([style*="color"]){ color:var(--muted) !important; }
footer.bg-lightOrange a:not([style*="color"]):hover{ color:var(--amber) !important; }
footer.bg-lightOrange .border-\[\#e9decc\]{ border-color:var(--line) !important; }
/* The Huawei eKit trust strip is wrong content here and redundant with the labs
   trust cards + the authorized-use banner. Hide it on labs. */
.sp-trust-strip{ display:none !important; }
/* Copyright bar (a separate cream #F1EADF strip) on labs */
footer .bg-\[\#F1EADF\]{ background:#0d1117 !important; }
footer .bg-\[\#F1EADF\] p{ color:var(--muted) !important; }
footer .bg-\[\#F1EADF\] a{ color:var(--amber) !important; }

/* Dropdown popovers (locale, currency, cart, profile) ship as bg-white; on the dark
   theme the light text becomes white-on-white. Darken the popovers + the hover/active. */
.absolute.z-20.bg-white{ background-color:var(--panel-2) !important; border:1px solid var(--line) !important; }
.bg-gray-100, .hover\:bg-gray-100:hover{ background-color:rgba(255,255,255,.06) !important; }

/* COMPREHENSIVE: any light surface is wrong on the dark theme and causes light-on-light
   text (cart drawer, category panel, auth modals, inputs, chips). Darken them all.
   More specific rules above (main.bg-white, .absolute.z-20.bg-white) still win where set. */
.bg-white{ background-color:var(--panel) !important; }
.bg-zinc-100, .bg-gray-50, .bg-\[\#F1EADF\], .bg-lightOrange, .bg-\[\#F1EADF\]\/50{ background-color:var(--panel-2) !important; }
input, select, textarea{ background-color:var(--panel-2) !important; color:var(--ink) !important; border-color:var(--line) !important; }
input::placeholder, textarea::placeholder{ color:var(--muted) !important; }

/* Consent banner/panel + white secondary-buttons: light-on-light on the dark theme. */
.sp-consent-banner, .sp-consent-panel, .sp-consent-panel-inner, .sp-consent-banner-inner, .sp-consent-category{ background-color:var(--panel-2) !important; border-color:var(--line) !important; }
.sp-consent-btn--outline, .sp-consent-btn--ghost{ border-color:var(--line) !important; color:var(--ink) !important; }
.secondary-button{ background-color:transparent !important; }