/* ==========================================================================
   r95 -- Mobil cekmecenin katlanabilir kategori bolumleri (.k-dcat)

   AYRI DOSYA: theme.css / v13-fixes.css / responsive.css baska islerde acik;
   paralel yazma bu dosyalari daha once iki kez ezdi. Kapsam DAR -- yalnizca
   `#k-drawer` icindeki `.k-dcat*`. Baska hicbir yuzeye dokunmaz.

   ⚠⚠ AYIRAC CIZGISI / ALTCIZGI YOK. Bu tema `border-bottom` ile liste ritmi
      KURMAZ (kullanici defalarca reddetti). Hiyerarsi uc seyle kuruldu:
        TON     -- kok `--text-primary`, alt `--text-secondary`,
                   "Tümünü gör" `--text-tertiary`
        GIRINTI -- alt liste 16px iceriden baslar
        YAKINLIK-- alt liste basligina yapisir (2px), acik blogun ALTINDA
                   16px bosluk birakir; boluk bolumleri ayirir, cizgi degil.

   ⚠ Renk / font ailesi / tipografi olcegi DEGISMEDI: yalnizca mevcut
     `var(--...)` token'lari kullanildi.
   ========================================================================== */

#k-drawer .k-dcat {
  margin: 0;
}

/* ── Kok baslik = kat tetikleyicisi ──────────────────────────────────────
   Dokunma hedefi TAM SATIR (min 48px yuksek, panel genisliginde).
   `.k-drawer__link` ile ayni kutu geometrisi: ikisi ust uste dizildiginde
   metin ayni x'te baslar. */
#k-drawer .k-dcat__sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: 48px;
  padding: var(--space-4);
  margin-inline: calc(var(--space-4) * -1);
  border-radius: var(--radius-md);
  font-size: var(--size-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--text-primary);
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}
/* Yerli ucgen isaretci kalkar -- yerine kendi chevron'umuz var. */
#k-drawer .k-dcat__sum::-webkit-details-marker { display: none; }
#k-drawer .k-dcat__sum::marker { content: ""; }

#k-drawer .k-dcat__sum:hover { color: var(--text-link-hover); }
#k-drawer .k-dcat__sum:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

#k-drawer .k-dcat__chev {
  flex: none;
  color: var(--text-tertiary);
  transition: transform var(--duration-fast) var(--ease-standard);
}
#k-drawer .k-dcat[open] > .k-dcat__sum .k-dcat__chev { transform: rotate(180deg); }

/* ── Alt kategori listesi ────────────────────────────────────────────────
   `padding-left: 16px` + baglarin `-12px` yan marji: metin kok basliktan
   16px iceride baslar, dokunma kutusu ise 4px iceriden -- yani kutu genis
   kalir, girinti yalnizca METINDE okunur. */
#k-drawer .k-dcat__list {
  list-style: none;
  margin: 0 0 var(--space-5);
  padding: var(--space-1) 0 0 var(--space-5);
  display: flex;
  flex-direction: column;
}

#k-drawer .k-dcat__link {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: var(--space-2) var(--space-4);
  margin-inline: calc(var(--space-4) * -1);
  border-radius: var(--radius-md);
  font-size: var(--size-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--text-secondary);
}
/* "Tümünü gör" -- listenin SONUNDA, bir kademe kucuk punto.
   ⚠ Punto UYDURULMADI: `--size-body-sm` (13px) temanin mevcut olceginde
     govdenin bir alt kademesi ve ayni cekmecede `.k-drawer__link--sub`
     zaten onu kullaniyor (theme.css:223). Yeni token TANIMLANMADI.
   ⚠ PUNTO KUCULUR, DOKUNMA HEDEFI KUCULMEZ: `min-height:44px` mirasla
     geliyor, dikey padding bir kademe artiyor -- olculdu, 44px korunuyor.
   ⚠ Ayrim TON + BOSLUK ile: ustundeki alt kategorilerden `--space-2`
     ayrilir, rengi `--text-tertiary`. Ayrac cizgisi YOK. */
#k-drawer .k-dcat__link--all {
  margin-top: var(--space-2);
  padding-block: var(--space-3);
  font-size: var(--size-body-sm);
  line-height: var(--lh-body-sm);
  letter-spacing: var(--ls-body-sm);
  color: var(--text-tertiary);
}
#k-drawer .k-dcat__link:hover { color: var(--text-link-hover); }
#k-drawer .k-dcat__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

@media (prefers-reduced-motion: reduce) {
  #k-drawer .k-dcat__chev { transition: none; }
}

/* ==========================================================================
   r98 -- Dil anahtarinin dokunma hedefi (.k-lang)

   ⚠ BU, "ilk tikta almiyor" SIKAYETININ SEBEBI DEGILDI. O sikayetin tek
     sebebi `kavela_v13_lang_links()` icindeki adres hatasiydi (r96'da
     duzeltildi); kullanici tiklamanin HER ZAMAN alindigini, gordugu
     "flash/refresh"in 301 ziplamasi oldugunu bildirdi. Burasi AYRI bir
     erisilebilirlik kusuru.

   ÖLÇÜLDÜ (ÖNCE, /kategori/masalar/): her baglamda 30x27 ve 31x27 px,
   iki hedef arasi 6-7 px. WCAG 2.2 "Target Size (Minimum)" 24x24'u bile
   ancak sinirda geciyor, dokunmatik icin kabul edilen 44x44'un altinda.

   ⚠ SAF KUTU DEGISIKLIGI: punto (--size-caption 12px), renk ve font ailesi
     DEGISMEDI -- yalnizca padding ve min olculer. Yeni token yok.
   ⚠ MASAUSTU BOZULMAZ: ust bardaki anahtar yalnizca `pointer: coarse`
     (dokunmatik) altinda buyur. Fareyle gelen ziyaretci ayni kutuyu gorur.
   ⚠ Cekmece kosulsuz buyur: cekmece zaten mobil menudur ve bazi Android
     tarayicilari `pointer` medyasini yanlis bildiriyor -- ona guvenmiyoruz.
   ⚠ Iki hedef BIRBIRINE DEGMEZ: aralarindaki bosluk `--space-3` (8px) x2
     + ayirac genisligi. Yanlis dile basmayi onler.
   ========================================================================== */

#k-drawer .k-lang { gap: var(--space-3); }
#k-drawer .k-lang a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
}

@media (pointer: coarse) {
  .k-lang { gap: var(--space-3); }
  .k-lang a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
  }
}