/* Roți pentru toți: tema albă (fundal alb, butoane negre). Se încarcă după style.css doar când e pornită din
   Admin → Culori & fonturi. Subsolul, scena probei virtuale și bannerele rămân închise la culoare. */
:root {
  --bg: #ffffff;
  --bg2: #f4f5f7;
  --surface: #ffffff;
  --surface2: #f3f4f6;
  --line: rgba(17, 19, 23, .09);
  --line2: rgba(17, 19, 23, .17);
  --text: #111317;
  --muted: #5c626b;
  --accent: #111317;
  --accent2: #2a2d33;
  --metal: linear-gradient(180deg, #3a3e45 0%, #17191d 48%, #050506 100%);
  --warn: #9a6b00;
  --gold: #9a6b00;
}
/* zonele care rămân închise: aceleași culori ca tema neagră */
.foot, .cfg__stage, .slide, .lightbox, .modal__media, .maint-top {
  --bg: #08090b; --bg2: #0e1013; --surface: #13161a; --surface2: #191c21;
  --line: rgba(255, 255, 255, .07); --line2: rgba(255, 255, 255, .13);
  --text: #eef0f3; --muted: #8d939c; --accent: #c3c9d1; --accent2: #e3e7ec;
  --metal: linear-gradient(180deg, #f6f7f9 0%, #c9ced5 45%, #8f969f 55%, #dfe3e8 100%);
  color: var(--text);
}
.foot { background: #0b0c0e; }
.foot .btn--accent, .cfg__stage .btn--accent, .slide .btn--accent { color: #0b0c0e; }

::selection { background: #111317; color: #fff; }
* { scrollbar-color: #c3c7cd transparent; }
::-webkit-scrollbar-thumb { background: #c9cdd3; }
::-webkit-scrollbar-thumb:hover { background: #a9aeb6; }
.eyebrow { color: #5c626b; }
.grad { background: linear-gradient(100deg, #111317 0%, #3b4048 45%, #7a818b 75%, #2a2d33 100%); -webkit-background-clip: text; background-clip: text; }
.btn--accent { color: #fff; box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .18); }
.btn--accent:hover { box-shadow: 0 14px 28px -14px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .18); }
.btn--ghost:hover { border-color: #111317; }

/* meniu */
.nav { background: rgba(255, 255, 255, .92); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.scrolled .nav { background: rgba(255, 255, 255, .9); box-shadow: 0 6px 24px -18px rgba(0, 0, 0, .5); }
.searchbar { background: rgba(255, 255, 255, .98); }
@media (max-width: 1000px) {
  .nav__links, .menu-open .nav { background: rgba(255, 255, 255, .98); }
  .nav__links a.is-on { color: #111317; font-weight: 600; }
}
.nav__burger span { background: #111317; }

/* hero și căutarea rapidă */
.hero__glow { background: radial-gradient(circle, rgba(17, 19, 23, .06), transparent 60%); }
.hero__visual::before { background: radial-gradient(circle, rgba(17, 19, 23, .07), transparent 62%); }
.hero__wheel { filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .28)); }
.hero__sub { color: #3f444c; }
.finder { background: rgba(255, 255, 255, .92); box-shadow: 0 24px 60px -34px rgba(0, 0, 0, .35); }
.page-hero { background: linear-gradient(180deg, #f2f3f5, var(--bg)); }

/* carduri, filtre, butoane-pastilă */
.card { box-shadow: 0 1px 2px rgba(0, 0, 0, .04); }
.card:hover, .card:focus-visible { box-shadow: 0 24px 50px -26px rgba(0, 0, 0, .35); }
.card__art { background: radial-gradient(circle at 50% 40%, #ffffff, #eef0f2 75%); }
.card__flag:not([style]) { color: #fff; }
.card--more { background: linear-gradient(160deg, rgba(17, 19, 23, .05), var(--surface) 60%); }
.fchip.is-on, .cfg__chip.is-on, .cfg__size.is-on, .cfg__spin.is-on { color: #fff; }
.check input:checked::after { border-color: #fff; }
.switch input:checked + span::after { background: #fff; }
input[type=range]::-webkit-slider-runnable-track { background: linear-gradient(90deg, #c3c7cd, #111317); }
input[type=range]::-moz-range-track { background: linear-gradient(90deg, #c3c7cd, #111317); }
input[type=range]::-webkit-slider-thumb { box-shadow: 0 0 0 1px #111317; }
input[type=range]::-moz-range-thumb { box-shadow: 0 0 0 1px #111317; background: #111317; }
.stock { color: #16803c; }
.stock--low { color: #9a6b00; }
.stock--order { color: #2c5ea8; }
.svc article:hover { border-color: rgba(17, 19, 23, .3); }
.band__in { background: radial-gradient(circle at 100% 0, rgba(17, 19, 23, .06), transparent 50%), var(--bg2); }
.brands__in a, .brands__in span { color: #3f444c; }
.pdp__main { background: radial-gradient(circle at 50% 42%, #ffffff, #eef0f2 75%); }
.pdp__thumbs button.is-on, .pdp__thumbs button:hover { border-color: #111317; }
.pdp__promo { color: #8a5d00; }
.ph { background: radial-gradient(circle at 50% 40%, #ffffff, #eceef1 70%); }
.ph span { color: #5c626b; }

/* texte lungi */
.prose p, .prose li, .rv p, .glist dd, .eu-row span, .faq details p, .legal__toc a { color: #3a3f46; }
.stars { color: #d3d6db; }
.stars .on { color: #111317; }
.rv__av { color: #fff; }
.rv--skeleton i { background: linear-gradient(90deg, #eceef1, #f5f6f8, #eceef1); }
.rv--skeleton .rv__av { background: #eceef1; }
.done__ic { color: #fff; }
.alert { border-color: rgba(200, 40, 30, .35); background: rgba(200, 40, 30, .06); color: #a2231a; }

/* ferestre */
.cookie { background: rgba(255, 255, 255, .98); box-shadow: 0 20px 60px rgba(0, 0, 0, .18); }
.popup { background: rgba(17, 19, 23, .45); }
.popup__box { box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .45); }
.popup__x { background: rgba(255, 255, 255, .9); }
.modal__bg { background: rgba(17, 19, 23, .45); }
.anpc__badge { background: linear-gradient(180deg, #1b1e23, #121418); }
.maint { background: radial-gradient(circle at 50% 0, rgba(17, 19, 23, .05), transparent 60%), var(--bg); }
.maint__eta { border-color: var(--line2); background: var(--bg2); }
.maint__eta b { color: #111317; }

/* probă virtuală: în afara scenei (care rămâne închisă) */
.cfg__rimbtn:hover { border-color: #8a9099; }
.cfg__rimbtn.is-on { border-color: #111317; box-shadow: inset 0 0 0 1px #111317; }
.cfg__rimtxt em { color: #111317; }
.cfg__low input { accent-color: #111317; }
.cfg__stage.is-empty { background: radial-gradient(120% 80% at 50% 0%, rgba(17, 19, 23, .05), transparent 60%), #f4f5f7; border-color: #c3c7cd; --text: #111317; --muted: #5c626b; --line2: rgba(17, 19, 23, .17); --surface2: #eceef1; color: #111317; }
.cfg__stage.is-empty .btn--accent { color: #fff; --metal: linear-gradient(180deg, #3a3e45 0%, #17191d 48%, #050506 100%); }
.cfg__stage.is-empty .cfg__dropico { background: radial-gradient(circle at 50% 50%, transparent 0 13px, #5c626b 14px 16px, transparent 17px), radial-gradient(circle at 50% 50%, #d9dce0 0 24px, transparent 25px), #f3f4f6; }

/* etichetele colorate din specificații (sezon, finisaj): text închis, ca să se citească pe alb */
.badge { color: color-mix(in srgb, var(--c) 40%, #111317); background: color-mix(in srgb, var(--c) 22%, #fff); border-color: color-mix(in srgb, var(--c) 55%, #fff); }
.cfg__size.is-on, .cfg__spin.is-on { background: var(--metal); }
.cfg__stage .cfg__spin.is-on, .cfg__stage .cfg__chip.is-on, .cfg__stage .cfg__size.is-on { color: #0b0c0e; }
@media (max-width: 1000px) { .nav__links { background: #fff; backdrop-filter: none; } .menu-open .nav { background: #fff; } }