/* ECU Exclusive — açık (beyaz) tema.
   Varsayılan tema koyudur (style.css + motion.css). Beyaz tema yalnızca html[data-theme="light"] iken devreye girer.
   Fotoğraf/video üzerindeki bölümler (ana sayfa, sayfa üst bantları, hesap paneli, intro, üst çubuk, alt bilgi)
   "koyu ada" olarak kalır: aynı değişkenleri geri tanımlarlar, böylece içindeki beyaz yazılar okunur kalır. */

html[data-theme="light"] {
    color-scheme: light;
    --bg: #F4F3F5;
    --surface: #FFFFFF;
    --surface-2: #ECEAEE;
    --line: #DAD7DE;
    --border: #C5C1CB;
    --text: #17151A;
    --text-dim: #55515C;
    --text-mute: #7D7984;
    --red: #D70006;
    --red-light: #C20006;
    --red-text: #C00006;
    --carbon: none;
    --carbon-2: none;
}

/* ---- koyu adalar: koyu değişkenler geri gelir ---- */
html[data-theme="light"] :is(.hero, .page-head--photo, .page-head--calc, .intro, .topbar, .site-footer, .engine__fig, .calc-hud, .calc-card, .calc-strip, .bstrip, .mcard) {
    --bg: #0B0A0C;
    --surface: #121015;
    --surface-2: #16141A;
    --line: #221F26;
    --border: #2A2730;
    --text: #F6F4F4;
    --text-dim: #ABA7B2;
    --text-mute: #5A5660;
    --red: #E10A12;
    --red-light: #F0161D;
    --red-text: #FF4A50;
    color: var(--text);
}

html[data-theme="light"] body { background: var(--bg); color: var(--text); }
html[data-theme="light"] .topbar { background: #070608; }
html[data-theme="light"] .site-footer { background: #070608; color: var(--text); }
html[data-theme="light"] .section--alt { background: var(--surface); }
html[data-theme="light"] .site-header { background: var(--bg); }

/* metin ve başlıklar */
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3 { color: var(--text); text-shadow: none; }
html[data-theme="light"] .hero__title, html[data-theme="light"] .page-head__title { text-shadow: none; }
html[data-theme="light"] :is(.hero, .page-head--photo, .page-head--calc, .topbar, .site-footer, .calc-hud, .calc-card) :is(h1, h2, h3) { text-shadow: 0 2px 18px rgba(0,0,0,.65); }
html[data-theme="light"] .stat__v, html[data-theme="light"] .strong { color: var(--text); }
html[data-theme="light"] .lead, html[data-theme="light"] .hero__lead { color: var(--text-dim); }
html[data-theme="light"] :is(.hero, .page-head--photo, .page-head--calc) .lead,
html[data-theme="light"] .hero__lead { color: #C9C5CF; }
html[data-theme="light"] .hero__lead { color: #C9C5CF; }
html[data-theme="light"] .page-head--photo :is(h1, h2, h3, .crumbs a, .crumbs span), html[data-theme="light"] .hero :is(h1, h2) { color: #fff; }
html[data-theme="light"] .page-head--photo .crumbs, html[data-theme="light"] .page-head--calc .crumbs { color: #ABA7B2; }
html[data-theme="light"] p a, html[data-theme="light"] .prose a, html[data-theme="light"] .note a { color: var(--text); }

/* menü */
html[data-theme="light"] .nav li a { color: var(--text-dim); }
html[data-theme="light"] .nav li a:hover, html[data-theme="light"] .nav li a[aria-current="page"] { color: var(--text); }
html[data-theme="light"] .nav li a[aria-current="page"] { color: var(--red-text); }
html[data-theme="light"] .nav__calc { color: var(--text); }
html[data-theme="light"] .nav__calc::before { border-color: rgba(215, 0, 6, .45); }
html[data-theme="light"] .nav__run rect { fill: rgba(215, 0, 6, .08); }
html[data-theme="light"] .nav-toggle { border-color: var(--border); }
html[data-theme="light"] .brand img { filter: drop-shadow(0 0 .6px rgba(0,0,0,.55)); }

/* düğmeler */
html[data-theme="light"] .btn--primary { background: var(--red); color: #fff; }
html[data-theme="light"] .btn--primary:hover { background: var(--text); color: #fff; }
html[data-theme="light"] .btn--secondary, html[data-theme="light"] .btn--ghost { background: transparent; box-shadow: inset 0 0 0 2px var(--text); color: var(--text); }
html[data-theme="light"] .btn--secondary:hover, html[data-theme="light"] .btn--ghost:hover { background: var(--text); color: var(--bg); box-shadow: none; }
html[data-theme="light"] :is(.hero, .page-head--photo, .page-head--calc, .calc-card, .calc-hud, .site-footer) .btn--primary:hover { background: #fff; color: var(--red); }
html[data-theme="light"] :is(.hero, .page-head--photo, .page-head--calc, .calc-card, .calc-hud, .site-footer) :is(.btn--secondary, .btn--ghost) { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 2px rgba(255,255,255,.55); color: #fff; }
html[data-theme="light"] :is(.hero, .page-head--photo, .page-head--calc, .calc-card, .calc-hud, .site-footer) :is(.btn--secondary, .btn--ghost):hover { background: #fff; color: #0B0A0C; }
html[data-theme="light"] .link-arrow { color: var(--text); }
html[data-theme="light"] .link-arrow:hover { color: var(--red-text); }
html[data-theme="light"] .site-footer .link-arrow, html[data-theme="light"] .hero .link-arrow, html[data-theme="light"] .page-head--photo .link-arrow { color: #fff; }

/* formlar */
html[data-theme="light"] input:hover, html[data-theme="light"] select:hover, html[data-theme="light"] textarea:hover { border-color: #A9A4B1; }
html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="tel"], html[data-theme="light"] input[type="email"], html[data-theme="light"] input[type="date"], html[data-theme="light"] select, html[data-theme="light"] textarea { background-color: #fff; }
html[data-theme="light"] :is(.hero, .calc-card, .site-footer) :is(input, select, textarea) { background-color: var(--surface-2); }
html[data-theme="light"] .hero__sel { background: rgba(255,255,255,.96); border-color: var(--border); --text: #17151A; --text-dim: #55515C; --surface-2: #fff; --border: #C5C1CB; --red-text: #C00006; color: var(--text); }
html[data-theme="light"] .hero__sel :is(h2, h3) { color: var(--text); text-shadow: none; }
html[data-theme="light"] .hero__sel :is(input, select, textarea) { background-color: #fff; }
html[data-theme="light"] .hero__sel .btn--primary:hover { background: var(--text); color: #fff; }

/* hero sahnesi: alt geçişi sayfa zeminine erisin (mobil) */
@media (max-width: 899px) {
    html[data-theme="light"] .hero { background: #0B0A0C; }
}

/* kartlar */
html[data-theme="light"] .card, html[data-theme="light"] .dyno, html[data-theme="light"] .why__item, html[data-theme="light"] .step { background: var(--surface); }
html[data-theme="light"] .section--alt .step { background: var(--bg); }
html[data-theme="light"] .card__photo img { opacity: .95; }
/* marka kartları: açık zemin. Beyaz/gümüş logolar (Audi, Mercedes, Toyota…) açık zeminde kaybolmasın diye
   parlaklıkları tersine çevrilir (invert + hue-rotate: renk tonu korunur, açık → koyu olur). Renkli logolar (VW, Ford, Kia…) olduğu gibi kalır. */
html[data-theme="light"] .btile { background: var(--surface); border-color: var(--line); }
html[data-theme="light"] .btile:hover, html[data-theme="light"] .btile:focus-visible { background: var(--surface); border-color: var(--red); box-shadow: 0 10px 26px rgba(20, 16, 24, .10); }
html[data-theme="light"] .btile__logo img, html[data-theme="light"] .bblock__logo img { filter: none; }
html[data-theme="light"] .bblock { background: var(--surface); border-color: var(--line); }
html[data-theme="light"] .bblock__title { color: var(--text); }
html[data-theme="light"] .bblock__all:hover, html[data-theme="light"] .bblock__all:focus-visible { background: var(--text); color: #fff; }
html[data-theme="light"] .btile__mono { border-color: var(--text-mute); color: var(--text); }
html[data-theme="light"] .sres__logo { background: #fff; border: 1px solid var(--line); border-radius: var(--r-btn); }
html[data-theme="light"] .sres__logo img { padding: 3px 5px; }
html[data-theme="light"] :is(.btile__logo, .bblock__logo, .sres__logo) img:is(
    [src^="/assets/img/brands/alpina.png"],
    [src^="/assets/img/brands/astonmartin.png"],
    [src^="/assets/img/brands/audi.png"],
    [src^="/assets/img/brands/bentley.png"],
    [src^="/assets/img/brands/cadillac.png"],
    [src^="/assets/img/brands/chrysler.png"],
    [src^="/assets/img/brands/citroen.png"],
    [src^="/assets/img/brands/dacia.png"],
    [src^="/assets/img/brands/daewoo.png"],
    [src^="/assets/img/brands/dodge.png"],
    [src^="/assets/img/brands/honda.png"],
    [src^="/assets/img/brands/hyundai.png"],
    [src^="/assets/img/brands/infiniti.png"],
    [src^="/assets/img/brands/iveco.png"],
    [src^="/assets/img/brands/jaguar.png"],
    [src^="/assets/img/brands/ktm.png"],
    [src^="/assets/img/brands/maserati.png"],
    [src^="/assets/img/brands/mazda.png"],
    [src^="/assets/img/brands/mclaren.png"],
    [src^="/assets/img/brands/mercedes.png"],
    [src^="/assets/img/brands/mini.png"],
    [src^="/assets/img/brands/nissan.png"],
    [src^="/assets/img/brands/opel.png"],
    [src^="/assets/img/brands/pagani.png"],
    [src^="/assets/img/brands/peugeot.png"],
    [src^="/assets/img/brands/porsche.png"],
    [src^="/assets/img/brands/renault.png"],
    [src^="/assets/img/brands/rollsroyce.png"],
    [src^="/assets/img/brands/scion.png"],
    [src^="/assets/img/brands/seat.png"],
    [src^="/assets/img/brands/subaru.png"],
    [src^="/assets/img/brands/toyota.png"],
    [src^="/assets/img/brands/volvo.png"],
    [src^="/assets/img/brands/westfield.png"],
    [src^="/assets/img/brands/wiesmann.png"]
) { filter: invert(1) hue-rotate(180deg); }

/* motor görseli (koyu foto) etiketleri */
html[data-theme="light"] .engine__fig .spot__lbl { color: #F6F4F4; }

/* harita */
html[data-theme="light"] .tmap__on path { fill: rgba(215, 0, 6, .22); }
html[data-theme="light"] .tmap__on a:hover path, html[data-theme="light"] .tmap__on a:focus-visible path { fill: rgba(215, 0, 6, .5); }
html[data-theme="light"] .tmap__on a:focus-visible path { stroke: var(--text); }

/* diğer */
html[data-theme="light"] ::selection { background: var(--red); color: #fff; }
html[data-theme="light"] .hero { background-image: none; }
html[data-theme="light"] .section--line { border-top-color: var(--line); }
html[data-theme="light"] .alert { background: var(--surface); }
html[data-theme="light"] .wa-float { color: #fff; }
html[data-theme="light"] .wa-float:hover { background: var(--text); color: #fff; }

/* arama penceresi (açık tema) */
html[data-theme="light"] .search__panel { box-shadow: 0 24px 60px rgba(20, 16, 24, .28); }
html[data-theme="light"] .search__form input[type="search"] { background: #fff; }
html[data-theme="light"] .tool { color: var(--text-dim); }
html[data-theme="light"] .topbar .tool { color: var(--text-dim); border-color: var(--border); }
html[data-theme="light"] .topbar .tool:hover { color: var(--text); border-color: var(--red-text); }