/*
 * Makale govdesi (.ct-makale / .fd-*) icin koyu mod ve mobil tablo kurallari.
 *
 * KAYNAK: tema-tasarim/yon-b.html icindeki onaylanmis koyu tema blogu
 * (maket satir 703-743). Onceki surum canli sitedeki Code Snippets #53'ten
 * birebir tasinmisti; o snippet Kadence donemine aitti ve iki sorun tasiyordu:
 *   1) Kutu zeminleri cok duraklı degradeydi (.fd-cta'da 4 durak + 280% 280%
 *      kayan zemin). Sahibin kurali: cok duraklı dekoratif degrade YOK. Ayrica
 *      teal ucta beyaz metin 2,2:1 kontrasta dusuyordu; duz lacivertte ~13:1.
 *   2) Renk ailesi notr arduvazdi (--fd-bg #18222f), maket ise sitenin lacivert
 *      ailesini kullaniyor (#0f2135). Acik temadaki duzeltmeler ana.css:696-711
 *      zaten maketle uyumluydu; koyu tema geride kalmisti.
 *
 * Neden bu dosya gerekli: 213 yazinin her biri kendi <style> blogunu tasiyor ve
 * acik zemin renklerini sabit yaziyor; bu kurallar olmadan koyu modda beyaz
 * kutular kalir. html[data-theme="dark"] onekli seciciler yazidaki .ct-makale
 * kurallarindan daha ozgul oldugu icin !important gerekmiyor (yazilarin satir
 * ici stillerinde hic !important yok - 213 yazida dogrulandi).
 */

html[data-theme="dark"] .ct-makale{--fd-blue:#5cb3ec;--fd-blue-dark:#8ccdf7;--fd-navy:#e9f3fb;
  --fd-teal:#2fd0e0;--fd-cyan:#5fe3ff;--fd-amber:#f0b429;
  --fd-bg:#0f2135;--fd-line:#223b56;--fd-text:#d3dee8;
  color:#d3dee8;}

/* Yazi ici baglantinin alt cizgisi: yazinin kendi satir ici stili burada
   rgba(13,111,184,.3) veriyor ve govde zemini #07121e uzerinde gorunmez
   kaliyor. Maketteki duzeltme. */
html[data-theme="dark"] .ct-makale a{border-bottom-color:rgba(92,179,236,.45);}

html[data-theme="dark"] .ct-makale .fd-lead{background:#10243a;color:#cfdae6;}

html[data-theme="dark"] .ct-makale .fd-answer{background:#0f2437;color:#cad6e2;}

html[data-theme="dark"] .ct-makale .fd-note,
html[data-theme="dark"] .ct-makale .fd-stage,
html[data-theme="dark"] .ct-makale .fd-card,
html[data-theme="dark"] .ct-makale details,
html[data-theme="dark"] .ct-makale table{background:#0f2135;}

html[data-theme="dark"] .ct-makale table tbody tr:nth-child(even){background:#13283f;}

html[data-theme="dark"] .ct-makale .fd-stage p,
html[data-theme="dark"] .ct-makale .fd-card p,
html[data-theme="dark"] .ct-makale details p{color:#bac8d6;}

html[data-theme="dark"] .ct-makale .fd-warn{background:#221b0b;border-color:#4a3a12;border-left-color:var(--fd-amber);}

html[data-theme="dark"] .ct-makale .fd-warn .fd-warn-t{color:#eab94f;}

html[data-theme="dark"] .ct-makale .fd-conclusion{background:#10243a;}

html[data-theme="dark"] .ct-makale .fd-figure{background:#0f2135;border-color:#223b56;}

html[data-theme="dark"] .ct-makale strong{color:#f0f6fb;}

/* --fd-navy hem baslik rengi hem koyu zemin tabani: bu iki zemin elle yazilir. */
html[data-theme="dark"] .ct-makale .fd-stat{background:#0c2a45;}

html[data-theme="dark"] .ct-makale table thead th{background:#0c2a45;color:#f2f8fd;}

html[data-theme="dark"] .ct-makale .fd-cta{background:#0f2a44;}

html[data-theme="dark"] .ct-makale .fd-cta a.fd-btn,
html[data-theme="dark"] .ct-makale .fd-cta a.fd-btn:hover{background:#e9f3fb;color:#0a3550;}

html[data-theme="dark"] .ct-makale .fd-stat .fd-small{color:#e6eef6;}

/* Koyu zeminde kutular yalniz 1px ince halkayla ayrilir: golge yok, renkli isik
   yok. #ez-toc-container listede BILEREK duruyor - ana.css:717-723'teki not,
   eklentinin kutusunun koyu temada .fd-note / .fd-card ile birebir ayni
   gorunmesi icin bu kurala guveniyor. */
html[data-theme="dark"] .ct-makale .fd-note,
html[data-theme="dark"] .ct-makale .fd-stage,
html[data-theme="dark"] .ct-makale .fd-card,
html[data-theme="dark"] .ct-makale .fd-lead,
html[data-theme="dark"] .ct-makale .fd-answer,
html[data-theme="dark"] .ct-makale details,
html[data-theme="dark"] .ct-makale .fd-table-wrap,
html[data-theme="dark"] .ct-makale .fd-conclusion,
html[data-theme="dark"] .ct-makale .fd-warn,
html[data-theme="dark"] .ct-makale .fd-figure,
html[data-theme="dark"] .ct-makale .fd-stat,
html[data-theme="dark"] .ct-makale .fd-cta,
html[data-theme="dark"] #ez-toc-container{box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);}

html[data-theme="dark"] .ct-makale h2{color:var(--fd-navy) !important;}

html[data-theme="dark"] .ct-makale h3{color:var(--fd-blue-dark) !important;}

@media (max-width:767px){
  .ct-makale table{min-width:0 !important;width:100% !important;table-layout:fixed !important;}
  .ct-makale table th,
  .ct-makale table td{font-size:13px !important;padding:9px 7px !important;
    word-break:break-word !important;overflow-wrap:anywhere !important;hyphens:auto;}
  .ct-makale table th{font-size:12.5px !important;}
  .ct-makale .fd-table-wrap{overflow-x:auto !important;}
}