/* Aily — belge sayfalari (privacy / terms / support / delete-account)
   Ortak katman icin assets/css/temel.css.
   NOT: bu dosya eskiden kur.py tarafindan URETILIYORDU. kur.py artik yalniz
   header/panel/alt bilgi cercevesini esitliyor; stil elle bakiliyor. */

/* ---------- belge ----------
   Hukuki metin uzun; olcu (satir uzunlugu) okunabilirligin belirleyicisi.
   Govde 46rem'de tutuluyor — 75-80 karakter civari, uzun metin icin dogru
   aralik. Header ve footer ise sayfanin geri kalaniyla ayni genislikte
   (1320px) kaliyor ki site tek parca hissettirsin. */
.doc{max-width:46rem;margin-inline:auto;padding-inline:var(--gut);
  padding-block:clamp(2.5rem,5vw,4.5rem) clamp(4rem,8vw,6.5rem)}
.doc h1{font-size:clamp(2rem,3.4vw,2.75rem);margin:0 0 1.25rem}
.doc h2{font-size:1.375rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;
  margin:3rem 0 .9rem;padding-top:1.75rem;border-top:1px solid var(--line)}
.doc h2:first-of-type{border-top:0;padding-top:0}
.doc h3{font-size:1.0625rem;font-weight:650;letter-spacing:-.01em;line-height:1.4;margin:2rem 0 .5rem}
.doc p,.doc ul,.doc ol{margin:0 0 1.1rem;font-size:1.0313rem;line-height:1.72;color:var(--ink-2)}
.doc ul,.doc ol{padding-inline-start:1.35rem}
.doc li{margin-bottom:.45rem}
.doc li::marker{color:var(--ink-3)}
.doc strong{color:var(--ink);font-weight:650}
.doc a{color:var(--teal);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--teal) 35%,transparent)}
.doc a:hover{text-decoration-color:var(--teal)}

/* Kunye: surum, yururluk tarihi, veri sorumlusu. Metnin parcasi degil,
   belgenin kimligi — o yuzden ayri bir zeminde duruyor. */
.doc .meta{margin:0 0 2.5rem;padding:1.25rem 1.4rem;background:var(--bg-2);
  border-radius:14px;font-size:.9375rem;line-height:1.6;color:var(--ink-2)}
.doc .meta div + div{margin-top:.25rem}
.doc .meta strong{color:var(--ink)}

/* Vurgu kutusu: belgenin ozeti ya da en kritik cumlesi. */
.doc .callout{margin:0 0 1.75rem;padding:1.2rem 1.4rem;background:var(--teal-soft);
  border-radius:14px;box-shadow:inset 3px 0 0 var(--teal)}
.doc .callout p{margin-bottom:.75rem;color:var(--ink)}
.doc .callout p:last-child{margin-bottom:0}

/* Tablolar. Dar ekranda yatay kayar; sayfanin kendisi asla yana kaymaz. */
.doc .table-scroll{margin:0 0 1.75rem;overflow-x:auto;
  border:1px solid var(--line);border-radius:14px}
.doc table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.9375rem}
.doc th,.doc td{text-align:start;padding:.8rem 1rem;vertical-align:top;line-height:1.55;
  border-bottom:1px solid var(--line)}
.doc th{background:var(--bg-2);color:var(--ink);font-weight:650;white-space:nowrap}
.doc td{color:var(--ink-2)}
.doc tbody tr:last-child td{border-bottom:0}
/* GENIS tablo metin sutununu asabilir. 46rem olcusu PARAGRAF icin dogru; dort
   sutunlu bir tabloyu o genislige sikistirmak hucreleri okunmaz hale
   getiriyordu.

   `.wide` KASITLI: tasma her tabloya degil, yalniz 4+ sutunlulara veriliyor
   (sinifi kur.py sutun sayarak ekler). Iki sutunlu bir tabloyu da tasirmak
   ikinci sutunu bombos birakip metin sutunundan disari sarkitiyordu --
   okunurlugu artirmak icin konan kural gorunumu bozuyordu.

   ISARET UYARISI: negatif margin genisletir, pozitif daraltir. Istenen
   davranis "yer VARSA iki yana tas, YOKSA hic tasma". Yani deger, ancak
   ekran 46rem'den genisken negatif olmali.

     46rem + 2*gut - 100vw   ->  genis ekranda NEGATIF (tasar)
                                 dar ekranda POZITIF (clamp sifira kirpar)

   Onceki yazim bunun tersiydi: `100vw - 2*gut - 46rem` dar ekranda negatif
   cikiyordu ve `min(0px, ...)` negatifi sectigi icin tablo tam da tasmamasi
   gereken yerde iki yana tasiyor, ilk sutun ekranin disinda kaliyordu.

   Ust sinir 5rem: 1320px'lik bir alanda tabloyu kenarlara kadar yaymak
   satirlari okunmaz uzunluga getiriyor.

   +2rem pay: `100vw` dikey kaydirma cubugunu de sayar, `clientWidth` saymaz.
   Paysiz formul genis ekranda tabloyu cubuk genisligi kadar tasirip sayfaya
   yatay kaydirma ekliyordu. */
.doc .table-scroll.wide{
  margin-inline:clamp(-5rem, calc((46rem + 2 * var(--gut) + 2rem - 100vw) / 2), 0px)}

/* Yatay kayan kutu klavyeyle de kaydirilabilmeli: tabindex olmadan yalniz
   fare/dokunmayla erisilir. role+aria-label ekran okuyucuya bunun gezilebilir
   bir bolge oldugunu soyler. */
.doc .table-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:2px}

.doc hr{border:0;border-top:1px solid var(--line);margin:2.75rem 0}

/* ---- destek sayfasina ozgu ----
   DIKKAT: Asagidaki kurallar privacy ve terms sayfalarinda da bulunur ama
   orada kullanilmaz; ayni sekilde .callout/.meta/.table-scroll destek
   sayfasinda karsiliksizdir. Bu KASITLI: uc sayfa TEK bir stil paylasiyor,
   boylece tasarim tek yerden degisiyor. Kullanilmiyor diye silme — silersen
   diger sayfa bozulur. Toplam maliyet sayfa basina birkac yuz bayt. */
.doc .lead{font-size:1.1875rem;line-height:1.6;color:var(--ink-2);margin-bottom:1.75rem}
.doc .contact{margin:0 0 2.5rem;padding:1.25rem 1.4rem;background:var(--bg-2);border-radius:14px}
.doc .contact p{margin-bottom:.6rem;font-size:.9688rem}
.doc .contact p:last-child{margin-bottom:0;color:var(--ink-3);font-size:.9063rem}

/* Sorular acilir kapanir. Ok isareti yerine + / − : hangi satirin acik
   oldugu tek bakista belli oluyor ve dile bagli degil. */
.doc details{border-bottom:1px solid var(--line)}
.doc details:first-of-type{border-top:1px solid var(--line)}
.doc summary{position:relative;list-style:none;cursor:pointer;
  padding-block:1.15rem;padding-inline:0 2.5rem;font-size:1.0313rem;font-weight:650;
  letter-spacing:-.01em;line-height:1.45;color:var(--ink)}
.doc summary::-webkit-details-marker{display:none}
.doc summary::after{content:"+";position:absolute;inset-inline-end:.35rem;top:50%;translate:0 -50%;
  font-size:1.375rem;font-weight:400;line-height:1;color:var(--ink-3);transition:color .18s}
.doc details[open] summary::after{content:"\2212"}
.doc summary:hover{color:var(--teal)}
.doc summary:hover::after{color:var(--teal)}
.doc details > *:not(summary){margin-bottom:.9rem}
.doc details > *:not(summary):last-child{margin-bottom:1.4rem}
/* Son sorunun alt cizgisi ile sonraki bolum basliginin ust cizgisi ust uste
   binip cift cizgi olusturuyordu. */
.doc details + h2{border-top:0;padding-top:1.25rem}

/* Sayfa altinda ana sayfaya donus — belgeden cikis yolu. */
.doc .back{display:inline-flex;align-items:center;gap:.5rem;margin-top:3rem;
  font-size:.9688rem;font-weight:600;color:var(--teal);text-decoration:none}
.doc .back svg{width:15px;height:15px;transition:transform .18s}
.doc .back:hover svg{transform:translateX(-3px)}

/* ---------- dar ekranda tablo ----------
   TELEFONDA TABLO OKUNMAZ. Gizlilik metnindeki tablo dort sutunlu; 390px
   genisliginde yalniz ikibucugu goruluyordu ve DORDUNCU sutun — "ne kadar
   saklanir", yani gizlilik politikasinin en onemli bilgisi — ekranin
   disinda kaliyordu. Yana kaydigina dair gorsel bir isaret de yoktu, yani
   okuyucu eksik okudugunu bilmiyordu bile.

   Cozum kaydirma degil, DUZEN DEGISIKLIGI: her satir kendi kartina
   donusuyor, her hucrenin ustune kendi sutun basligi yaziliyor
   (`data-label`, kur.py ekler). Yatay kaydirma tamamen ortadan kalkiyor.

   Esik 48rem: tablonun `min-width` degeri 34rem; ustune iki yanda oluk
   ekleyince bu civarda sikismaya basliyor. */
@media (max-width:47.99rem){
  /* Kaydirma kutusu gorevini birakiyor: kaydiracak bir sey kalmadi. */
  .doc .table-scroll{overflow:visible;border:0;border-radius:0;margin-inline:0}
  .doc table{display:block;width:100%;min-width:0}
  .doc tbody{display:block}

  /* Baslik satiri gorsel olarak gizleniyor ama DOM'da kaliyor: `display:none`
     deseydik ekran okuyucu da kaybederdi. Her hucre zaten kendi etiketini
     ::before ile tasiyor. */
  .doc thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap}

  .doc tbody tr{display:block;padding:1rem 1.1rem;margin-bottom:.65rem;
    border:1px solid var(--line);border-radius:14px}
  .doc tbody tr:last-child{margin-bottom:0}
  .doc tbody td{display:block;padding:0;border:0}
  .doc tbody td + td{margin-top:.7rem}
  .doc tbody td::before{content:attr(data-label);display:block;
    font-size:.8125rem;font-weight:650;line-height:1.35;color:var(--ink-3);
    margin-bottom:.1rem}
  /* Etiketi olmayan hucre (baslik cozulememis) bos satir acmasin. */
  .doc tbody td:not([data-label])::before{display:none}
}

/* Yon: BU DOSYADA FIZIKSEL SOL/SAG YOK.
   Sayfalar 34 dilde aciliyor, ikisi sagdan sola. `padding-left`, `right:`
   ve `text-align:left` Arapca'da listeyi ve "+" isaretini yanlis tarafa
   atiyordu; mantiksal karsiliklari (`padding-inline-start`, `inset-inline-end`,
   `start`) yonu `dir` ozniteliginden aliyor. */

/* ---------- hukuki uyari ----------
   Gizlilik ve Kosullar sayfasi 34 dilde AcILIYOR ama hukuki metin yalniz
   Ingilizce ve Turkce. Okuyucu bunu metne dalmadan once, KENDI dilinde
   gormeli; sessizce Ingilizce'ye dusurmek "cevirmeyi unutmuslar" gibi
   okunur. Uyari sari degil notr: hata degil, bilgi. */
.doc .hukuk-uyari{margin:0 0 2rem;padding:.8rem 1.1rem;font-size:.9375rem;
  line-height:1.6;color:var(--ink-3);background:var(--bg-2);
  border-inline-start:3px solid var(--line);border-radius:0 10px 10px 0}