/* nCoach tanitim — site chrome: tek navigasyon, tek alt bilgi.
   Dokuz TR sayfasi da ayni markup'i kullanir; olculer burada tek yerde durur.

   Kayma neden bitti:
   - Kutu olculeri (yukseklik, ic bosluk, aralik, yazi kalinligi) hicbir
     durumda degismez. Vurgu yalnizca renk + zemin ile verilir.
   - Her baglantiya 1px seffaf kenarlik ayrilir; etkin sayfa yalnizca
     kenarlik RENGINI degistirir, kalinligini degil.
   - Basliktaki satir kendi genisligini tasir (--chrome-w); sayfanin kendi
     .wrap / .shell degerine bagli degildir.

   Boyama yalnizca theme.css jetonlariyla yapilir; sabit renk yoktur.
   Sayfa ici <style> bloklarinda nav/footer kurali BULUNMAZ —
   scripts/check-chrome.js bunu her kosuda olcer. */

:root{
  --chrome-w:1180px;
  --chrome-h:64px;
  --chrome-font:var(--t-font-body);
}

/* ---------- iceriğe atla ---------- */
.site-skip{
  position:absolute;left:-9999px;top:12px;z-index:70;
  padding:11px 17px;border-radius:10px;text-decoration:none;
  border:1px solid var(--t-line-strong);
  background:var(--t-surface-solid);color:var(--t-ink);
  font:600 14px/1 var(--chrome-font);
}
.site-skip:focus{left:16px}

/* ---------- baslik ---------- */
.site-head{
  position:sticky;top:0;z-index:50;
  /* sayfanin kendi govde olculeri buraya sizmasin: hepsi acikca yaziliyor */
  font:400 14px/1.5 var(--chrome-font);letter-spacing:normal;
  background:var(--t-head-bg);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--t-line);
}
.site-head-in{
  position:relative;
  width:min(100% - 40px,var(--chrome-w));margin-inline:auto;
  display:flex;align-items:center;gap:18px;height:var(--chrome-h);
}

.site-brand{
  display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;
  text-decoration:none;color:var(--t-ink);
  font:700 19px/1 var(--chrome-font);letter-spacing:-.02em;
}
.site-brand:hover{color:var(--t-ink)}
.site-brand .brand-logo{vertical-align:0}

/* ---------- gezinme ----------
   BELGE SIRASI: panel, onu acan dugmeden SONRA duruyor (isaretlemede
   .site-head-tools'un ardinda). Dar ekranda panel display:none ile kapali
   oldugu halde DOM'da dugmeden once dursaydi, menuyu acan klavye kullanicisi
   Tab'a bastiginda dokuz baglantinin hepsini atlayip sayfa govdesine duserdi
   (olculdu 2026-09-14, 400px ve 1100px: Enter ile acilan menuden sonraki ilk
   Tab dogrudan "Ucretsiz Indir" dugmesine gidiyordu) — WCAG 2.4.3.
   Genis ekranda panel akisin icinde duran normal bir flex ogesi oldugu icin
   gorsel sira order ile korunuyor: marka (0), gezinme (1), araclar (2). */
.site-nav{
  order:1;
  margin-left:auto;flex:0 0 auto;
  display:flex;align-items:center;gap:2px;
}
.site-nav a{
  display:inline-flex;align-items:center;
  padding:7px 10px;border:1px solid transparent;border-radius:999px;
  font:500 13.5px/1.2 var(--chrome-font);
  color:var(--t-ink-soft);text-decoration:none;white-space:nowrap;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease;
}
.site-nav a:hover{color:var(--t-ink);background:var(--t-panel)}

/* Etkin sayfa gostergesi — TEK dil, tum sayfalarda ayni:
   yumusak hap + hafif altin zemin + altin metin.
   font-weight ve ic bosluk sabittir, bu yuzden komsu ogeler kaymaz. */
.site-nav a[aria-current="page"]{
  color:var(--t-accent);
  background:var(--t-accent-soft);
  border-color:var(--t-accent-line);
}

/* ---------- sag araclar ---------- */
.site-head-tools{order:2;display:flex;align-items:center;gap:8px;flex:0 0 auto}

/* Dil anahtari — acilir liste.
   Tasiyici <details>: acilma/kapanma, Enter ve Space tarayicinin kendi
   isi. Betik olmadan da acilir, iki secenek de gorunur ve tiklanabilir kalir;
   betik yalnizca adresleri tazeler ve ok tuslarini ekler. Bu dosya dil bilmez:
   gorunen her metin HTML'de durur.
   Dokunma hedefi 44x44'un altina dusmesin diye olcu min-* ile yaziliyor:
   yazi tipi buyudugunde kutu buyur, kucultmez. */
.site-lang{position:relative;display:inline-flex;flex:none}

.site-lang-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-width:44px;min-height:44px;padding:0 11px;
  border:1px solid var(--t-line);border-radius:999px;
  background:var(--t-panel);color:var(--t-ink);
  font:700 12px/1 var(--chrome-font);letter-spacing:.06em;
  cursor:pointer;list-style:none;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease;
}
/* Yerli ucgen isareti iki tarayici ailesi iki ayri yoldan ciziyor; ikisi de
   kapatilmadan kendi chevron'umuzun yaninda ikinci bir ok gorunur. */
.site-lang-btn::-webkit-details-marker{display:none}
.site-lang-btn::marker{content:""}
.site-lang-btn:hover{border-color:var(--t-line-strong)}

/* Gorunen etiket "TR"; erisilebilir ad "Dil TR" olsun diye ad gizli metinden
   gelir. Gorunen metin adin ICINDE kaldigi surece WCAG 2.5.3 gecerli —
   gorunmeyen bir aria-label ile degistirilirse gecmez. */
.site-lang-name{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%);
}
.site-lang-caret{
  width:11px;height:11px;flex:none;color:var(--t-ink-dim);
  transition:transform .18s ease;
}
.site-lang[open] .site-lang-caret{transform:rotate(180deg)}

.site-lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:5;
  min-width:176px;margin:0;padding:6px;list-style:none;
  border:1px solid var(--t-line-strong);border-radius:14px;
  background:var(--t-surface-solid);
  box-shadow:0 18px 44px var(--t-shadow);
}
.site-lang-menu li{margin:0}
.site-lang-opt{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:44px;padding:0 12px;border-radius:10px;
  color:var(--t-ink-soft);text-decoration:none;
  font:600 13.5px/1.2 var(--chrome-font);letter-spacing:normal;white-space:nowrap;
  transition:color .18s ease,background-color .18s ease;
}
.site-lang-opt:hover{color:var(--t-ink);background:var(--t-panel)}
/* Secili dil: altin metin + yumusak zemin + onay isareti. Isaret her secenekte
   duruyor, yalnizca gorunurlugu degisiyor — satirlar acilinca kaymasin. */
.site-lang-opt[aria-current="true"]{color:var(--t-accent);background:var(--t-accent-soft)}
.site-lang-tick{width:14px;height:14px;flex:none;visibility:hidden}
.site-lang-opt[aria-current="true"] .site-lang-tick{visibility:visible}

/* Halka theme.css'teki site geneli kuraldan gelir; burada yalnizca ARALIK
   daraltiliyor: 3px'lik ortak aralik acilir panelin kenarina tasiyor. */
.site-lang-opt:focus-visible{outline-offset:-2px}

@media (prefers-reduced-motion:reduce){
  .site-lang-caret{transition:none}
}

.site-nav-toggle{
  position:relative;
  display:none;place-items:center;width:38px;height:38px;flex:none;padding:0;
  border-radius:999px;border:1px solid var(--t-line);background:transparent;
  color:var(--t-ink-soft);cursor:pointer;
}
/* Dokunma hedefi 44x44 — .theme-btn ile ayni cozum: gorunen halka 38px kalir,
   hedef gorunmeyen bir katmanla buyur. Iki dugme yan yana durdugu icin ayni
   olcuyle buyumeleri gerekiyor. */
.site-nav-toggle::before{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:inherit;
}
.site-nav-toggle:hover{color:var(--t-ink);border-color:var(--t-line-strong)}
.site-nav-toggle svg{width:18px;height:18px}

@media (max-width:1180px){
  /* Acilir panel basligin sardigi satirin disina, ekran kenarina kadar tasar:
     satir her iki yandan 20px iceride durdugu icin negatif kenar tam denk gelir. */
  .site-nav{
    display:none;position:absolute;left:-20px;right:-20px;top:var(--chrome-h);
    flex-direction:column;align-items:stretch;gap:2px;margin-left:0;
    padding:10px 20px 18px;
    background:var(--t-bg);
    border-bottom:1px solid var(--t-line);
  }
  .site-nav.is-open{display:flex}
  .site-nav a{padding:12px 14px;border-radius:12px;font-size:15.5px}
  .site-nav-toggle{display:inline-grid}
}
@media (max-width:520px){
  .site-brand{font-size:17.5px}
  .site-head-in{gap:12px}
}

/* ---------- alt bilgi ---------- */
.site-foot{
  position:relative;z-index:2;
  font:400 14.4px/1.6 var(--chrome-font);letter-spacing:normal;
  border-top:1px solid var(--t-line);
  background:color-mix(in srgb, var(--t-bg) 88%, transparent);
  padding:42px 0 34px;
}
.site-foot-in{width:min(100% - 40px,var(--chrome-w));margin-inline:auto}
.site-foot-line{
  margin:14px 0 0;max-width:56ch;color:var(--t-ink-dim);
  font:400 14.4px/1.62 var(--chrome-font);
}
/* Yasal baglanti satiri. Dokunma hedefi metin ici istisnasina birakilmadi:
   satirda tek basina duran bir baglantinin cevresinde metin yok, bu yuzden
   olcusunu kendi ic boslugundan alir (SC 2.5.8 tabani 24px).

   Ayrac CSS araligiyla veriliyor, isaretlemeye "·" metin dugumu konmuyor:
   alt bilgi bloklarinin metin yuvalari iki dilde AYRISMAK zorunda
   (scripts/check-chrome.js), iki dilde de ayni duran bir ayrac dugumu o
   olcumde cevrilmemis metin sayilirdi. Satir sarildiginda alt alta dusen
   baglantilar yapismasin diye satir araligi ayrica veriliyor. */
/* Kurumsal kimlik satiri. Alt bilgide durmasinin sebebi olcuye baglidir:
   sirket unvani bugune kadar yalniz uc hukuk sayfasinin GOVDESINDE geciyordu
   (kullanim kosullari, hesap silme, cocuk guvenligi) ve 6563 sayili kanun ile
   2000/31/AT m.5 bilginin "dogrudan ve surekli erisilebilir" olmasini istiyor —
   metnin icine gomulu olmasi o olcutu karsilamiyor. */
.site-foot-legal{
  margin:16px 0 0;max-width:56ch;color:var(--t-ink-dim);
  font:400 13.5px/1.6 var(--chrome-font);
}
.site-foot-legal a{color:var(--t-ink-soft);text-decoration:none;border-bottom:1px solid var(--t-accent-line)}
.site-foot-legal a:hover{color:var(--t-ink)}
.site-foot-legal a:focus-visible{outline:2px solid var(--t-focus);outline-offset:3px}

.site-foot-links{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:2px 22px}
.site-foot-links a{
  display:inline-block;padding:6px 0;
  font:500 13.5px/1.55 var(--chrome-font);
  color:var(--t-ink-soft);text-decoration:none;
  border-bottom:1px solid var(--t-accent-line);
}
.site-foot-links a:hover{color:var(--t-accent-bright);border-bottom-color:var(--t-accent-bright)}
.site-foot-bottom{
  display:flex;flex-wrap:wrap;gap:10px 26px;
  justify-content:space-between;align-items:baseline;
  margin-top:30px;padding-top:16px;
  border-top:1px solid var(--t-line-soft);
}
.site-foot-copy{
  margin:0;font:400 11px/1.5 var(--chrome-font);letter-spacing:.14em;
  color:var(--t-ink-dim);
}
.site-foot-credit{
  margin:0;font:400 11px/1.5 var(--chrome-font);letter-spacing:.2em;
  text-transform:uppercase;white-space:nowrap;
}
/* Ikincil kalir ama okunur: opaklik kontrasti dusurdugu icin
   soluklugu ayri bir gri jetonu tasir. */
.site-foot-credit .c-dim{color:var(--t-ink-faint)}
.site-foot-credit .c-live{color:var(--t-accent);font-weight:700}