/* AGAGSIA · Aydınlık / karanlık tema — davranış assets/js/theme.js içinde.
 *
 * Mantık: sayfaların kendi :root değişkenleri (--ink, --teal, --sand ...) AYDINLIK temadır ve
 * olduğu gibi kalır. Karanlık tema yalnızca <html data-theme="dark"> iken devreye girer:
 *   1) html düzeyinde sayfanın özgün renkleri --ink-0 / --teal-0 olarak saklanır,
 *   2) body düzeyinde aynı değişkenler karanlık karşılıklarıyla ezilir (böylece özgün değere
 *      kendi kendine atıf döngüsü olmadan erişilir),
 *   3) sabit yazılmış #fff yüzeyler aşağıda tek tek ezilir.
 * Vurgu rengi her sayfada kendi --teal'inden türetilir (yeşil / turuncu / pembe), bu yüzden
 * bu dosya tüm sayfalarda ortak çalışır. Seçiciler :where() ile sarılıdır: özgüllükleri düşüktür,
 * sayfanın kendi iki-sınıflı koyu bölüm kuralları (.result .res-card gibi) bunları yine ezer.
 */

/* ---------- Tema düğmesi (her iki temada) ---------- */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.theme-toggle:hover{border-color:var(--teal);color:var(--teal)}
.theme-toggle:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.theme-toggle svg{width:20px;height:20px;display:block}
.theme-toggle .ico-sun{display:none}
html[data-theme="dark"] .theme-toggle .ico-sun{display:block}
html[data-theme="dark"] .theme-toggle .ico-moon{display:none}
/* Dil seçicinin solunda, onun ölçüsünde */
.theme-lang{display:flex;align-items:center;gap:8px}
.topbar .theme-toggle{width:30px;height:30px;border-radius:100px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.86)}
.topbar .theme-toggle:hover{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.14)}
.topbar .theme-toggle svg{width:16px;height:16px}
.mobile-menu .theme-lang{align-items:flex-start;margin-top:18px}
.mobile-menu .theme-lang .langdd{flex:1;min-width:0;margin-top:0}
.mobile-menu .theme-toggle{width:46px;height:46px;border-radius:14px;background:var(--sand-2)}
@media (prefers-reduced-motion:no-preference){
  html.theme-anim,html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}
}

/* ---------- Karanlık tema: değişkenler ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink-0:var(--ink);
  --teal-0:var(--teal);
  --d-bg:color-mix(in srgb,var(--teal-0) 5%,#0c1011);
  --d-bg2:color-mix(in srgb,var(--teal-0) 8%,#11171a);
  --d-bg3:color-mix(in srgb,var(--teal-0) 11%,#192123);
  --d-card:color-mix(in srgb,var(--teal-0) 7%,#151b1d);
}
html[data-theme="dark"] body{
  --ink:#e9f0f0; --ink-2:#cddada; --muted:#9db0b2;
  --paper:var(--d-bg); --sand:var(--d-bg2); --sand-2:var(--d-bg3);
  --teal:color-mix(in srgb,var(--teal-0) 55%,#fff);
  --teal-d:color-mix(in srgb,var(--teal-0) 35%,#fff);
  --teal-l:color-mix(in srgb,var(--teal-0) 20%,var(--d-bg));
  --gold-l:rgba(201,162,39,.16);
  --line:rgba(255,255,255,.13);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px -12px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 30px 60px -24px rgba(0,0,0,.7);
  /* pt/ sayfasına özgü ek değişkenler (diğer sayfalarda tanımsız, zararsız) */
  --paper-w:var(--d-card);
  --note:color-mix(in srgb,var(--teal-0) 30%,var(--d-card));
  --sun-l:color-mix(in srgb,var(--sun) 34%,var(--d-bg));
  background:var(--d-bg);color:var(--ink);
}

/* ---------- Yüzeyler: #fff -> kart rengi ---------- */
html[data-theme="dark"] :where(.smile-card,.float-badge,.card,.quote,details,.doc,.ptable,.ptable tr,.ptable .row-star td,form,.phone-wrap,.cc-pop,.langdd-menu,.cl-switch,.callbtn,.burger,.mobile-menu,.cookie-bar,.res-card,.ev-card.know,.ev-day,.ev-time,.jr-rail a,.jr-dot,.tp-sum,.tp-card,.ev-ticket){background:var(--d-card)}
html[data-theme="dark"] :where(input,select,textarea,.consent input){background:var(--d-bg);color:var(--ink)}
html[data-theme="dark"] .phone-wrap input[type="tel"]{background:transparent}
html[data-theme="dark"] .consent input:checked{background:var(--teal-0);border-color:var(--teal-0)}
html[data-theme="dark"] ::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
html[data-theme="dark"] .contact form{color:var(--ink)}
html[data-theme="dark"] :where(.cc-list li button,.langdd-menu button,.langdd-btn,.cc-btn){color:var(--ink)}
html[data-theme="dark"] :where(.langdd-btn){background:var(--d-bg3)}
html[data-theme="dark"] .topbar .langdd-btn{background:rgba(255,255,255,.08);color:rgba(255,255,255,.86)}
html[data-theme="dark"] :where(.ptable .row-star td){background:var(--gold-l)}
html[data-theme="dark"] .ptable .row-star td{background:var(--gold-l)}
html[data-theme="dark"] .ptable td.tr-hl,html[data-theme="dark"] .ptable .row-star td.tr-hl{background:var(--teal-l);color:var(--teal-d)}
html[data-theme="dark"] .row-star .tr-hl{background:rgba(201,162,39,.28);color:#f2d98a}
html[data-theme="dark"] .ptable .row-star td:first-child{background:var(--gold-l);color:#f2d98a}

/* ---------- Üst bar, hero, bantlar ---------- */
html[data-theme="dark"] header{background:color-mix(in srgb,var(--d-bg) 84%,transparent)}
html[data-theme="dark"] :where(.btn-ghost){background:rgba(255,255,255,.06);color:var(--ink)}
html[data-theme="dark"] .hero{background:linear-gradient(180deg,var(--d-bg2) 0%,var(--sand) 62%,var(--d-bg) 100%)}
html[data-theme="dark"] .hero-treat{background:linear-gradient(150deg,var(--d-card) 55%,var(--teal-l) 100%)}
html[data-theme="dark"] .smile-card .ba{background:linear-gradient(160deg,var(--d-bg3),var(--d-bg2))}
html[data-theme="dark"] .ba-left{background:linear-gradient(150deg,var(--d-bg3),var(--d-bg2))}
html[data-theme="dark"] .ba-right{background:linear-gradient(150deg,var(--teal-l),var(--d-bg3))}
html[data-theme="dark"] .ba-tag{background:rgba(14,18,20,.86);color:var(--ink)}
html[data-theme="dark"] .ba-right .ba-tag{background:var(--teal-0);color:#fff}
html[data-theme="dark"] .divider-line::after{color:var(--teal-0)}
html[data-theme="dark"] .eyebrow.gold{color:#e6c964}
html[data-theme="dark"] .band-accent .card .icon{background:color-mix(in srgb,var(--teal-0) 30%,var(--d-card))}
html[data-theme="dark"] .band-accent{border-color:rgba(255,255,255,.08)}

/* Koyu zemin olarak kullanılan --ink: özgün (koyu) değerine döner */
html[data-theme="dark"] :where(.trustbar,.topbar,.treat-price,.jr-num){background:var(--ink-0)}
html[data-theme="dark"] .ev-steps li::before{background-color:var(--ink-0)}
html[data-theme="dark"] .jr-we li::before{background-color:var(--teal-0)}
html[data-theme="dark"] .ptable thead th{background:var(--ink-0)}
html[data-theme="dark"] .trustbar::before{background:linear-gradient(90deg,var(--ink-0),transparent)}
html[data-theme="dark"] .trustbar::after{background:linear-gradient(270deg,var(--ink-0),transparent)}
html[data-theme="dark"] .tk-code{background:repeating-linear-gradient(90deg,var(--ink-0) 0 2px,transparent 2px 4px,var(--ink-0) 4px 5px,transparent 5px 8px)}
html[data-theme="dark"] .jr-rail a.on{background:var(--teal-0);border-color:var(--teal-0);color:#fff}
html[data-theme="dark"] .contact{background:linear-gradient(165deg,var(--ink-0) 0%,color-mix(in srgb,var(--teal-0) 22%,#050808) 58%,color-mix(in srgb,var(--teal-0) 30%,#060909) 100%)}
html[data-theme="dark"] .ev-end{background:radial-gradient(700px 400px at 50% -20%,rgba(201,162,39,.22),transparent 65%),linear-gradient(160deg,var(--ink-0),color-mix(in srgb,var(--teal-0) 22%,#050808))}
html[data-theme="dark"] footer{background:color-mix(in srgb,var(--ink-0) 55%,#000)}

/* Dolu vurgu zeminleri: beyaz yazı için özgün (koyu) vurgu rengi kalır */
html[data-theme="dark"] :is(.btn-primary,.tick,.cl-switch button[aria-pressed="true"],.skip,.bag-nav:hover,.ev-time[aria-pressed="true"]){background:var(--teal-0);color:#fff}
html[data-theme="dark"] .btn-primary{box-shadow:0 10px 24px -10px color-mix(in srgb,var(--teal-0) 80%,transparent)}
html[data-theme="dark"] .btn-primary:hover{background:color-mix(in srgb,var(--teal-0) 82%,#000)}
html[data-theme="dark"] .bag-nav:hover{border-color:var(--teal-0)}
html[data-theme="dark"] :where(.avatar,.tp-avatar){background:linear-gradient(140deg,var(--teal-0),color-mix(in srgb,var(--teal-0) 80%,#000))}
html[data-theme="dark"] .bag-nav{background:color-mix(in srgb,var(--d-card) 94%,transparent);color:var(--ink)}
html[data-theme="dark"] .step::before{color:color-mix(in srgb,var(--teal-0) 55%,transparent)}

/* ---------- Çerez kutusu ---------- */
html[data-theme="dark"] .cookie-bar{color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .cookie-bar a{color:var(--teal)}
html[data-theme="dark"] .cookie-bar .cookie-decline{color:var(--ink);border-color:rgba(255,255,255,.35)}

/* ---------- Yorumlar (reviews.css) ---------- */
html[data-theme="dark"] .tp{--tp-star:#e0b341;--tp-star-off:rgba(255,255,255,.18)}
html[data-theme="dark"] .tp-sum,html[data-theme="dark"] .tp-card{border-color:var(--line)}
html[data-theme="dark"] .tp-bar{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .tp-bar-f{background:var(--teal-0)}
html[data-theme="dark"] .tp-based{text-decoration-color:rgba(255,255,255,.3)}

/* ---------- Hasta hikâyesi (pt/) ve etkinlik (ev/) sayfalarına özgü yüzeyler ---------- */
html[data-theme="dark"] .ev-sticky{background:color-mix(in srgb,var(--d-bg) 97%,transparent)}
html[data-theme="dark"] .jr-rail-wrap{background:color-mix(in srgb,var(--d-bg) 90%,transparent)}
html[data-theme="dark"] .jr-end .btn{box-shadow:0 0 0 8px var(--d-bg),0 10px 24px -10px color-mix(in srgb,var(--teal-0) 70%,transparent)}
html[data-theme="dark"] .jr-media .vp{border-color:var(--d-card)}
html[data-theme="dark"] .jr-step.jr-final .jr-media .vp{box-shadow:0 0 0 4px var(--d-card),0 0 70px -10px rgba(255,143,177,.5)}
html[data-theme="dark"] .jr-step.jr-final{background:linear-gradient(150deg,var(--d-card),color-mix(in srgb,var(--teal-0) 30%,var(--d-bg)))}
html[data-theme="dark"] .jr-dot{border-color:rgba(255,255,255,.25)}
html[data-theme="dark"] .ins-imp,html[data-theme="dark"] .leeds-imp{background:rgba(224,168,0,.12);border-color:rgba(224,168,0,.3)}
html[data-theme="dark"] .ev-time:disabled,html[data-theme="dark"] .ev-day:disabled{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .ev-cd{background:#c9a227}

/* ---------- Görseller: karanlıkta hafif kısılır ---------- */
html[data-theme="dark"] :where(.case-img,.doc-img,.cl-photo img,.ba-photo){filter:brightness(.9) contrast(1.02)}

/* ---------- pt/ sayfası: sabit koyu-kahve/pembe metin renkleri ---------- */
html[data-theme="dark"] :where(.jr-text>p,.pt-story p){color:var(--muted)}
html[data-theme="dark"] .jr-we>b{color:#ffb3cb}
html[data-theme="dark"] .jr-step.jr-final .jr-day{color:#e6c964}
html[data-theme="dark"] .ins-imp b,html[data-theme="dark"] .leeds-imp b{color:#f0cf7a}
html[data-theme="dark"] .ins-imp p,html[data-theme="dark"] .leeds-imp p{color:#e8d6a6}
html[data-theme="dark"] .jr-step,html[data-theme="dark"] .jr-step:nth-child(even){background:var(--d-card)}
html[data-theme="dark"] .jr-step.jr-final{background:linear-gradient(150deg,var(--d-card),color-mix(in srgb,var(--teal-0) 30%,var(--d-bg)))}
html[data-theme="dark"] .jr-rail a b{color:var(--sun-glow,var(--teal))}
html[data-theme="dark"] .jr-rail a.on b{background:#fff;color:var(--ink-0)}
html[data-theme="dark"] .ev-card.know{background:var(--d-card)}