/* ═══════════════════════════════════════════════════════════════════════════
   CANLIKOÇ — ORTAK TASARIM DOSYASI (açık tema)
   ---------------------------------------------------------------------------
   Konsept: "KARELİ DEFTER". Sayfanın zemini bir matematik defteri (kareli
   doku); içerik kartları o defterin üzerine konmuş beyaz sayfalar gibi
   gölgeyle kalkar. Marka limonu (#CCFF00) zemin rengi DEĞİL, fosforlu kalem:
   başlıkların ve önemli sayıların üstünden geçer. Butonlar mürekkep siyahı
   zemin + limon yazı — beyaz sayfada en çok dikkat çeken öğe onlar.

   🔒 KURALLAR:
   1) Tüm bileşen sınıfları "ck-" ön ekli. Blog sayfaları Bootstrap kullanıyor;
      ön ek olmadan .card / .btn gibi adlar çakışır.
   2) Renk/ölçü asla sabit yazılmaz, hep değişkenden (var) okunur.
      Tek yerden değiştir → 50+ sayfa birden değişir.
   3) Sayfaya özel stil GEREKİYORSA o sayfada kısa bir <style> bloğu olabilir,
      ama renk değerleri yine var(--ck-*) üzerinden alınmalı.

   Bağlanma:  <?php include __DIR__.'/includes/tema_head.php'; ?>  (<head> içine)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. TASARIM DEĞİŞKENLERİ ─────────────────────────────────────────────── */
:root {
  /* Kağıt (zemin) */
  --ck-kagit:        #FFFFFF;   /* beyaz sayfa — kartlar */
  --ck-kagit-2:      #E9ECE0;   /* KARELİ DEFTER zemini — kartların altındaki yüzey */
  --ck-kagit-3:      #F1F3EA;   /* açık krem — tablo başlığı, pasif alan */
  --ck-kare:         rgba(16,22,15,.075);  /* defter karelerinin çizgi rengi */
  --ck-kare-kalin:   rgba(16,22,15,.10);   /* her 5 karede bir kalın çizgi */

  /* Mürekkep (metin) */
  --ck-murekkep:     #0E1410;   /* ana metin / başlık — yeşile çalan siyah */
  --ck-murekkep-2:   #4F5A53;   /* ikincil metin */
  --ck-murekkep-3:   #838D85;   /* soluk / yardımcı metin */

  /* Çizgiler */
  --ck-cizgi:        #E1E5D9;   /* hairline — kart kenarı, tablo satırı */
  --ck-cizgi-koyu:   #C7CFBC;

  /* Marka limonu — fosforlu kalem */
  --ck-limon:        #CCFF00;
  --ck-limon-sis:    #F2FFC2;   /* çok açık limon — vurgu zemini */
  --ck-limon-metin:  #55731A;   /* beyaz üzerinde OKUNUR limon tonu (metin için) */
  --ck-limon-kenar:  #C2E45C;

  /* Yardımcı renkler */
  --ck-mavi:         #1F5FA8;   /* bağlantı, bilgi */
  --ck-mavi-sis:     #EAF2FC;
  --ck-kiremit:      #B4461C;   /* uyarı, dikkat */
  --ck-kiremit-sis:  #FCEFE9;
  --ck-yesil:        #2E7D4F;   /* olumlu */
  --ck-yesil-sis:    #E9F5EE;

  /* Yazı tipleri */
  --ck-baslik-font:  'Bricolage Grotesque', 'Segoe UI', -apple-system, sans-serif;
  --ck-metin-font:   'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Ölçüler */
  --ck-genislik:     980px;    /* araç sayfası içerik genişliği */
  --ck-genislik-dar: 760px;    /* blog/okuma genişliği */
  --ck-yuvarlak:     14px;
  --ck-yuvarlak-sm:  10px;
  --ck-yuvarlak-lg:  22px;

  /* Gölge — kart, defterin üzerine konmuş bir SAYFA gibi hafifçe kalksın */
  --ck-golge:        0 1px 1px rgba(16,22,15,.05), 0 3px 6px -2px rgba(16,22,15,.07), 0 14px 34px -18px rgba(16,22,15,.22);
  --ck-golge-yuksek: 0 2px 3px rgba(16,22,15,.06), 0 8px 16px -4px rgba(16,22,15,.10), 0 26px 52px -20px rgba(16,22,15,.30);
}

/* ── 2. TEMEL ─────────────────────────────────────────────────────────────── */
.ck *,
body.ck-sayfa *,
body.ck-sayfa *::before,
body.ck-sayfa *::after { box-sizing: border-box; }

body.ck-sayfa {
  margin: 0;
  background: var(--ck-kagit-2);
  color: var(--ck-murekkep);
  font-family: var(--ck-metin-font);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* KARELİ DEFTER ZEMİNİ — sitenin imza dokusu.
   Sayfa bir matematik defteri; kartlar (.ck-blok) bu defterin üzerine konmuş
   beyaz sayfalar gibi durur. Kareler 26px; her 5. çizgi (130px) biraz daha
   koyu — gerçek kareli defterdeki gibi. İçerikle birlikte kayar. */
body.ck-sayfa {
  background-color: var(--ck-kagit-2);
  background-image:
    linear-gradient(var(--ck-kare-kalin) 1px, transparent 1px),
    linear-gradient(90deg, var(--ck-kare-kalin) 1px, transparent 1px),
    linear-gradient(var(--ck-kare) 1px, transparent 1px),
    linear-gradient(90deg, var(--ck-kare) 1px, transparent 1px);
  background-size: 130px 130px, 130px 130px, 26px 26px, 26px 26px;
  background-position: -1px -1px;
}

.ck h1, .ck h2, .ck h3, .ck h4, .ck h5,
h1.ck-h, h2.ck-h, h3.ck-h {
  font-family: var(--ck-baslik-font);
  color: var(--ck-murekkep);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.022em;
  margin: 0;
}

.ck a { color: var(--ck-mavi); text-decoration: none; }
.ck a:hover { text-decoration: underline; text-underline-offset: 3px; }

.ck p { margin: 0 0 1em; }
.ck p:last-child { margin-bottom: 0; }

.ck img { max-width: 100%; height: auto; }

/* Sayı gösterimi — tablolarda rakamlar hizalı dursun */
.ck-sayi, .ck td.ck-n, .ck th.ck-n, .ck-rakam {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

/* Odak halkası — klavye ile gezenler için (erişilebilirlik) */
.ck :focus-visible {
  outline: 3px solid var(--ck-limon);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ── 3. YERLEŞİM ──────────────────────────────────────────────────────────── */
.ck-kap {
  width: 100%;
  max-width: var(--ck-genislik);
  margin: 0 auto;
  padding: 0 20px 72px;
}
.ck-kap--dar { max-width: var(--ck-genislik-dar); }

.ck-bolum { margin-bottom: 22px; }

/* ── 4. FOSFORLU KALEM VURGUSU (imza öğe) ─────────────────────────────────── */
/* Kullanım: <span class="ck-vurgu">40 net</span>
   Kelimenin üstünden fosforlu kalem geçmiş gibi. Kalem darbesi bilerek
   düzensiz: iki ucu hafif saydam, alt kenarı üst kenarından kalın —
   düz bir dikdörtgen "işaretlenmiş metin" gibi durur, kalem gibi durmaz. */
.ck-vurgu {
  background-image: linear-gradient(
    180deg,
    transparent 8%,
    rgba(204,255,0,.55) 8%,
    var(--ck-limon) 28%,
    var(--ck-limon) 88%,
    rgba(204,255,0,.65) 88%,
    transparent 97%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 .16em;
  margin: 0 -.06em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
/* Sadece alt kısmı çizilmiş ince vurgu — uzun cümle içindeki kelimeler için */
.ck-vurgu-alt {
  background: linear-gradient(180deg, transparent 58%, var(--ck-limon) 58%, var(--ck-limon) 94%, transparent 94%);
  padding: 0 .1em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
/* Tam dolgu vurgu — rozet gibi */
.ck-vurgu-dolu {
  background: var(--ck-limon);
  padding: .06em .3em;
  border-radius: 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* ── 5. ÜST MENÜ ──────────────────────────────────────────────────────────────
   Ortak üst bar artık kendi stilini includes/arac_navbar.php içinde taşıyor
   (iki satır: Araçlar + Yazılar). Buradaki eski .cnav ezme kuralları
   KALDIRILDI — 51 sayfanın hepsi açık temaya geçtiği için koyu yedeğe ve
   özgüllük yarışına gerek kalmadı. Menü renkleri yine buradaki --ck-*
   değişkenlerinden okunuyor, yani tek yerden yönetiliyor.

   Blogda menü sabit değil (blogun kendi üst menüsüyle üst üste binmesin):
   bu kural bölüm 21'de (body.ck-blog .cnav{position:static}). */

/* ── 6. SAYFA BAŞLIĞI ─────────────────────────────────────────────────────── */
.ck-ustlik { padding: 30px 0 26px; }

.ck-geri {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ck-murekkep-3);
  text-decoration: none;
  margin-bottom: 18px;
}
.ck-geri:hover { color: var(--ck-murekkep); text-decoration: none; }

.ck-h1 {
  font-family: var(--ck-baslik-font);
  font-size: clamp(28px, 5.2vw, 44px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: var(--ck-murekkep);
  margin: 0 0 14px;
  text-wrap: balance;
}
.ck-giris {
  font-size: clamp(15px, 2vw, 17.5px);
  line-height: 1.7;
  color: var(--ck-murekkep-2);
  max-width: 62ch;
  margin: 0;
  font-weight: 500;
}

/* Üst rozet — sayfanın ne olduğunu söyleyen etiket.
   Dolu limon: sayfanın en üstünde marka rengi hemen görünsün. */
.ck-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 13px;
  border-radius: 6px;
  background: var(--ck-limon);
  border: none;
  color: var(--ck-murekkep);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

/* ── 7. BLOK / KART ───────────────────────────────────────────────────────── */
/* Kart = defterin üzerine konmuş BEYAZ SAYFA. Bu yüzden zemin saf beyaz,
   kenarlık neredeyse yok, ayrımı gölge yapıyor. */
.ck-blok {
  background: var(--ck-kagit);
  border: 1px solid rgba(16,22,15,.06);
  border-radius: var(--ck-yuvarlak);
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: var(--ck-golge);
}
.ck-blok--sade { box-shadow: none; background: transparent; border-style: dashed; }
.ck-blok--limon {
  background: var(--ck-limon-sis);
  border-color: var(--ck-limon-kenar);
}

/* Blok başlığı — metnin üstünden fosforlu kalem geçmiş gibi.
   (Eskiden solda ince bir yeşil çubuk vardı; kaldırıldı — vurgu artık
   yazının kendisinde, böylece "işaretlenmiş defter" fikri her bölümde
   görünür oluyor.) */
.ck-blok-bas {
  margin-bottom: 18px;
}
.ck-blok-bas h2,
.ck-blok-bas .ck-h2 {
  font-family: var(--ck-baslik-font);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.018em;
  color: var(--ck-murekkep);
  margin: 0;
  display: inline;
  background-image: linear-gradient(
    180deg,
    transparent 10%,
    rgba(204,255,0,.5) 10%,
    var(--ck-limon) 30%,
    var(--ck-limon) 88%,
    rgba(204,255,0,.6) 88%,
    transparent 97%
  );
  background-repeat: no-repeat;
  padding: 1px .22em 2px;
  margin-left: -.14em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* ── 8. TABLO ─────────────────────────────────────────────────────────────── */
.ck-tablo-kap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -22px;          /* kart kenarına kadar kaysın */
  padding: 0 22px;
}
.ck-tablo {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14px;
}
.ck-tablo th {
  text-align: left;
  padding: 10px 10px;
  font-family: var(--ck-baslik-font);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ck-murekkep-3);
  border-bottom: 1.5px solid var(--ck-murekkep);
  white-space: nowrap;
}
.ck-tablo td {
  padding: 13px 10px;
  color: var(--ck-murekkep-2);
  border-bottom: 1px solid var(--ck-cizgi);
  vertical-align: middle;
}
.ck-tablo tr:last-child td { border-bottom: none; }
.ck-tablo tbody tr { transition: background .12s; }
.ck-tablo tbody tr:hover { background: var(--ck-kagit-3); }
/* Şu an incelenen satır — defterde işaretlenmiş satır gibi */
.ck-tablo tbody tr.ck-satir-one { background: var(--ck-limon-sis); }
.ck-tablo tbody tr.ck-satir-one td:first-child { box-shadow: inset 3px 0 0 var(--ck-limon); }
.ck-tablo tbody tr.ck-satir-one td { color: var(--ck-murekkep); }
.ck-tablo td.ck-ad {
  color: var(--ck-murekkep);
  font-weight: 700;
  line-height: 1.4;
}
.ck-tablo td.ck-n, .ck-tablo th.ck-n {
  text-align: right;
  white-space: nowrap;
  color: var(--ck-murekkep);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ── 9. RAKAM KUTULARI (özet istatistik) ──────────────────────────────────── */
.ck-ozet {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 1px;
  background: var(--ck-cizgi);
  border: 1px solid var(--ck-cizgi);
  border-radius: var(--ck-yuvarlak-sm);
  overflow: hidden;
  margin-bottom: 18px;
}
.ck-oz {
  background: var(--ck-kagit);
  padding: 14px 10px;
  text-align: center;
}
.ck-oz b {
  display: block;
  font-family: var(--ck-baslik-font);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--ck-murekkep);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.ck-oz span {
  display: block;
  margin-top: 4px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ck-murekkep-3);
}

/* Büyük tek sonuç — hesaplayıcı çıktısı */
.ck-sonuc {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--ck-cizgi);
}
.ck-sonuc-buyuk {
  font-family: var(--ck-baslik-font);
  font-size: clamp(32px, 6.5vw, 46px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.08;
  color: var(--ck-murekkep);
  font-variant-numeric: tabular-nums;
}
.ck-sonuc-alt {
  font-size: 13.5px;
  color: var(--ck-murekkep-2);
  margin-top: 6px;
}

/* ── 10. BUTON ────────────────────────────────────────────────────────────── */
.ck-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: var(--ck-metin-font);
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .12s, background .15s, box-shadow .15s;
}
.ck-btn:hover { text-decoration: none; transform: translateY(-1px); }
.ck-btn:active { transform: translateY(0); }

/* Ana buton — mürekkep zemin, limon yazı. Sitenin imzası. */
.ck-btn-ana {
  background: var(--ck-murekkep);
  color: var(--ck-limon);
  box-shadow: 0 6px 18px -8px rgba(16,22,15,.55);
}
.ck-btn-ana:hover { background: #1D2A1B; color: var(--ck-limon); }

/* İkincil — kağıt zemin, mürekkep çerçeve */
.ck-btn-ikincil {
  background: var(--ck-kagit);
  color: var(--ck-murekkep);
  border-color: var(--ck-cizgi-koyu);
}
.ck-btn-ikincil:hover { background: var(--ck-kagit-3); color: var(--ck-murekkep); }

/* Limon buton — dikkat çekmesi gereken yerlerde */
.ck-btn-limon {
  background: var(--ck-limon);
  color: var(--ck-murekkep);
  box-shadow: 0 6px 18px -8px rgba(160,200,0,.8);
}
.ck-btn-limon:hover { background: #D7FF33; color: var(--ck-murekkep); }

/* ── 11. FORM ─────────────────────────────────────────────────────────────── */
.ck-etiket {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ck-murekkep);
  margin-bottom: 9px;
}
.ck-form-satir {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.ck-girdi {
  padding: 12px 15px;
  font-family: var(--ck-metin-font);
  font-size: 16px;          /* 16px altı iOS'ta sayfayı zoomlar */
  font-weight: 800;
  color: var(--ck-murekkep);
  background: var(--ck-kagit);
  border: 1.5px solid var(--ck-cizgi-koyu);
  border-radius: var(--ck-yuvarlak-sm);
  font-variant-numeric: tabular-nums;
  transition: border-color .15s, box-shadow .15s;
}
.ck-girdi:focus {
  outline: none;
  border-color: var(--ck-murekkep);
  box-shadow: 0 0 0 4px var(--ck-limon-sis);
}
.ck-girdi--dar { width: 118px; }

select.ck-girdi { font-weight: 700; cursor: pointer; }

/* ── 12. ETİKET / ÇİP ─────────────────────────────────────────────────────── */
.ck-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.ck-cip {
  display: inline-flex;
  align-items: center;
  padding: 6px 13px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--ck-murekkep-2);
  background: var(--ck-kagit-3);
  border: 1px solid var(--ck-cizgi);
  white-space: nowrap;
}
.ck-etiket-mini {
  display: inline-block;
  margin-left: 7px;
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  background: var(--ck-mavi-sis);
  color: var(--ck-mavi);
  vertical-align: middle;
  white-space: nowrap;
}
.ck-etiket-mini--limon { background: var(--ck-limon-sis); color: var(--ck-limon-metin); }
.ck-etiket-mini--kiremit { background: var(--ck-kiremit-sis); color: var(--ck-kiremit); }

/* ── 13. NOT / UYARI KUTUSU ───────────────────────────────────────────────── */
.ck-not {
  padding: 15px 17px;
  border-radius: var(--ck-yuvarlak-sm);
  border-left: 3px solid var(--ck-limon);
  background: var(--ck-kagit-3);
  font-size: 14px;
  line-height: 1.65;
  color: var(--ck-murekkep-2);
}
.ck-not b, .ck-not strong { color: var(--ck-murekkep); font-weight: 800; }
.ck-not--uyari { border-left-color: var(--ck-kiremit); background: var(--ck-kiremit-sis); }
.ck-not--bilgi { border-left-color: var(--ck-mavi); background: var(--ck-mavi-sis); }

/* ── 14. SIK SORULAN SORULAR ──────────────────────────────────────────────── */
.ck-sss-i {
  padding: 16px 0;
  border-bottom: 1px solid var(--ck-cizgi);
}
.ck-sss-i:last-child { border-bottom: none; padding-bottom: 0; }
.ck-sss-i:first-child { padding-top: 0; }
.ck-sss-s {
  font-family: var(--ck-baslik-font);
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--ck-murekkep);
  margin-bottom: 7px;
}
.ck-sss-c {
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--ck-murekkep-2);
}

/* ── 15. SEÇİM KARTLARI (kitap kapağı, seçenek ızgarası) ──────────────────── */
.ck-kartlar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(146px, 1fr));
  gap: 14px;
}
.ck-kart {
  display: block;
  background: var(--ck-kagit);
  border: 1px solid var(--ck-cizgi);
  border-radius: var(--ck-yuvarlak);
  padding: 13px;
  text-align: center;
  text-decoration: none;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.ck-kart:hover {
  text-decoration: none;
  transform: translateY(-2px);
  border-color: var(--ck-cizgi-koyu);
  box-shadow: var(--ck-golge-yuksek);
}
.ck-kart.ck-secili {
  border-color: var(--ck-murekkep);
  box-shadow: 0 0 0 1px var(--ck-murekkep), var(--ck-golge);
}
/* object-fit: CONTAIN şart — cover kapağın kenarlarını kırpar, kitap adı kesilir.
   Kapaklar farklı oranlarda (0,67–0,75); kutu oranı 7/10 en az boşluk bırakır. */
.ck-kapak {
  width: 100%;
  aspect-ratio: 7 / 10;
  object-fit: contain;
  display: block;
  margin-bottom: 11px;
  border-radius: var(--ck-yuvarlak-sm);
  background: var(--ck-kagit-3);
  padding: 6px;
}
.ck-kapak-yok {
  width: 100%;
  aspect-ratio: 7 / 10;
  margin-bottom: 11px;
  border-radius: var(--ck-yuvarlak-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  background: var(--ck-kagit-3);
  border: 1px solid var(--ck-cizgi);
}
.ck-kapak-yok b { font-size: 12.5px; font-weight: 800; color: var(--ck-murekkep); line-height: 1.3; }
.ck-kapak-yok span { font-size: 10.5px; color: var(--ck-murekkep-3); font-weight: 700; margin-top: 6px; }

/* display:block şart — span'ler satır içi olduğu için yazılar iç içe geçiyordu */
.ck-kart-ad   { display: block; font-size: 13px; font-weight: 800; color: var(--ck-murekkep); line-height: 1.3; }
.ck-kart-alt  { display: block; font-size: 11.5px; font-weight: 700; color: var(--ck-murekkep-2); margin-top: 3px; }
.ck-kart-mini { display: block; font-size: 11px; color: var(--ck-murekkep-3); margin-top: 6px; font-variant-numeric: tabular-nums; }
.ck-kart.ck-secili .ck-kart-ad { color: var(--ck-murekkep); }

@media (max-width: 520px) {
  .ck-kartlar { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
  .ck-blok { padding: 18px 16px; }
  .ck-tablo-kap { margin: 0 -16px; padding: 0 16px; }
  .ck-kap { padding: 0 16px 64px; }
}

/* ── 16. ALT BİLGİ ────────────────────────────────────────────────────────── */
.ck-altbilgi {
  border-top: 1px solid var(--ck-cizgi);
  padding: 26px 0 34px;
  text-align: center;
  font-size: 13px;
  color: var(--ck-murekkep-3);
}
.ck-altbilgi a { color: var(--ck-murekkep-2); font-weight: 700; }

/* ── 17. AÇILIŞ ANİMASYONU ────────────────────────────────────────────────── */
/* Kullanım: ana kapsayıcıya class="ck-kap ck-anim" — çocukları sırayla belirir */
@keyframes ck-belir {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}
.ck-anim > * { animation: ck-belir .6s cubic-bezier(.22,.68,.32,1) both; }
.ck-anim > *:nth-child(1) { animation-delay: .02s; }
.ck-anim > *:nth-child(2) { animation-delay: .07s; }
.ck-anim > *:nth-child(3) { animation-delay: .12s; }
.ck-anim > *:nth-child(4) { animation-delay: .17s; }
.ck-anim > *:nth-child(5) { animation-delay: .22s; }
.ck-anim > *:nth-child(6) { animation-delay: .27s; }
.ck-anim > *:nth-child(n+7) { animation-delay: .3s; }

/* Hareketi azalt ayarı açık kullanıcılarda tüm animasyon kapanır */
@media (prefers-reduced-motion: reduce) {
  .ck-anim > *, .ck-btn, .ck-kart, .ck-tablo tbody tr { animation: none !important; transition: none !important; }
}

/* ── 18. PAYLAŞILAN BİLEŞEN DÜZELTMELERİ ──────────────────────────────────── */
/* app_cta.php / app_cta_slim.php / visitor_counter.php kendi <style>'ını
   gövdede basıyor. O dosyalara DOKUNULMADI (koyu sayfalarda hâlâ kullanılıyor);
   buradaki kurallar body.ck-sayfa ile sınırlı olduğu için yalnız yeni temaya
   geçmiş sayfalarda devreye girer. Özgüllük: body.ck-sayfa .acta-card
   (0,0,2,1) gövdedeki .acta-card (0,0,1,0) kuralını geçer. */
body.ck-sayfa .acta-card {
  background: var(--ck-kagit);
  border: 1px solid var(--ck-cizgi);
  box-shadow: var(--ck-golge);
}
body.ck-sayfa .acta-badge { background: var(--ck-limon-sis); border-color: var(--ck-limon-kenar); color: var(--ck-limon-metin); }
body.ck-sayfa .acta-h    { font-family: var(--ck-baslik-font); color: var(--ck-murekkep); letter-spacing: -.02em; }
body.ck-sayfa .acta-sub  { color: var(--ck-murekkep-2); }
body.ck-sayfa .acta,
body.ck-sayfa .scta { font-family: var(--ck-metin-font); }
body.ck-sayfa .acta-chips span { color: var(--ck-murekkep-2); background: var(--ck-kagit-3); border-color: var(--ck-cizgi); }
body.ck-sayfa .acta-primary { background: var(--ck-murekkep); color: var(--ck-limon); box-shadow: 0 6px 18px -8px rgba(16,22,15,.5); }
body.ck-sayfa .acta-primary:hover { background: #1D2A1B; }
body.ck-sayfa .acta-store { background: var(--ck-kagit); border-color: var(--ck-cizgi-koyu); color: var(--ck-murekkep); }
body.ck-sayfa .acta-store:hover { background: var(--ck-kagit-3); }
body.ck-sayfa .acta-proof { color: var(--ck-murekkep-3); }
body.ck-sayfa .acta-proof b { color: #B8860B; }
body.ck-sayfa .acta-qr img { background: var(--ck-kagit); border: 1px solid var(--ck-cizgi); }
body.ck-sayfa .acta-qr span { color: var(--ck-murekkep-3); }

body.ck-sayfa .scta {
  background: var(--ck-limon-sis);
  border: 1px solid var(--ck-limon-kenar);
  box-shadow: none;
}
body.ck-sayfa .scta-txt strong { font-family: var(--ck-baslik-font); color: var(--ck-murekkep); }
body.ck-sayfa .scta-txt span   { color: var(--ck-murekkep-2); }
body.ck-sayfa .scta-btn { background: var(--ck-murekkep); color: var(--ck-limon); }

/* Ziyaretçi sayacı — satır içi (inline) stille basıldığı için !important şart */
body.ck-sayfa .ck-sayac {
  background: rgba(255,255,255,.88) !important;
  color: var(--ck-murekkep-3) !important;
  border: 1px solid var(--ck-cizgi) !important;
  font-family: var(--ck-metin-font) !important;
}
body.ck-sayfa .ck-sayac-satir { color: var(--ck-murekkep-3) !important; font-family: var(--ck-metin-font) !important; }
body.ck-sayfa .ck-sayac-satir b { color: var(--ck-murekkep) !important; }

/* ── 20. ARAÇ SAYFASI ORTAK BİLEŞENLERİ ───────────────────────────────────────
   Hesaplayıcı / liste / rehber sayfalarının hepsinde tekrar eden parçalar:
   breadcrumb (.bc), sayfa başlığı (.hdr), içerik metni (.icerik), SSS
   (.sss-*), iç link şeridi (.ic-link-grid), alt not (.foot), tercih kartı.
   Eskiden her sayfa bunları kendi <style>'ında ayrı ayrı taşıyordu; buraya
   alındı, artık tek yerden değişiyor.
   Hepsi body.ck-sayfa ile sınırlı → temaya geçmemiş sayfalar etkilenmez. */

/* Breadcrumb */
body.ck-sayfa .bc{font-size:13px;color:var(--ck-murekkep-2);margin-bottom:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.ck-sayfa .bc a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--ck-kagit);color:var(--ck-murekkep-2);border:1px solid var(--ck-cizgi);border-radius:22px;text-decoration:none;font-weight:800;font-size:13px;transition:.15s}
body.ck-sayfa .bc a:hover{background:var(--ck-limon-sis);border-color:var(--ck-limon-kenar);color:var(--ck-murekkep);text-decoration:none}
body.ck-sayfa .bc a.duz{border:none;background:none;padding:5px 2px}
body.ck-sayfa .bc-sep{opacity:.5;color:var(--ck-murekkep-3)}
body.ck-sayfa .bc>span:last-child{font-weight:700;color:var(--ck-murekkep-3)}

/* Sayfa başlığı — rozet dolu limon, başlık düz mürekkep.
   NOT: bazı sayfalarda h1 eskiden beyazdan limona geçen gradyan yazıydı;
   beyaz zeminde tamamen okunmaz olduğu için burada düz renge sabitleniyor
   (-webkit-text-fill-color sıfırlaması o gradyanı iptal eder). */
body.ck-sayfa .hdr .badge{display:inline-block;padding:5px 13px;background:var(--ck-limon);color:var(--ck-murekkep);font-size:10px;font-weight:800;letter-spacing:.12em;border-radius:6px;border:none;margin-bottom:11px}
body.ck-sayfa .hdr h1{font-family:var(--ck-baslik-font);font-size:clamp(23px,5.6vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.14;color:var(--ck-murekkep);background:none;-webkit-text-fill-color:var(--ck-murekkep);text-wrap:balance}
body.ck-sayfa .hdr p{color:var(--ck-murekkep-2);font-size:13px;margin-top:8px}

/* İkiz bileşen: bazı sayfalar .hdr/.badge yerine .hero/.hero-badge kullanıyor.
   Aynı görsel kural — sadece sınıf adı farklı. */
body.ck-sayfa .hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;background:var(--ck-limon);color:var(--ck-murekkep);font-size:10px;font-weight:800;letter-spacing:.1em;border-radius:6px;border:none;margin-bottom:12px}
body.ck-sayfa .hero h1{font-family:var(--ck-baslik-font);font-size:clamp(23px,5vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.16;color:var(--ck-murekkep);background:none;-webkit-text-fill-color:var(--ck-murekkep);text-wrap:balance;margin-bottom:10px}
body.ck-sayfa .hero-sub{color:var(--ck-murekkep-2);font-size:14px;line-height:1.6}
body.ck-sayfa .hero-sub strong{color:var(--ck-murekkep);font-weight:800}

/* Uzun içerik metni + fosforlu kalem başlıklar */
body.ck-sayfa .icerik{margin-top:30px;color:var(--ck-murekkep-2)}
body.ck-sayfa .icerik h2,
body.ck-sayfa .sss-baslik h2{font-family:var(--ck-baslik-font);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ck-murekkep);margin:26px 0 12px;display:inline-block;
  background-image:linear-gradient(180deg,transparent 10%,rgba(204,255,0,.5) 10%,var(--ck-limon) 30%,var(--ck-limon) 88%,rgba(204,255,0,.6) 88%,transparent 97%);
  background-repeat:no-repeat;padding:1px .22em 2px;margin-left:-.14em}
body.ck-sayfa .icerik h2 .bar,
body.ck-sayfa .sss-baslik .bar{display:none}   /* eski ince yeşil çubuk */

/* Üçüncü isimlendirme: bazı sayfalarda bölüm başlığı .sec-hdr + h2 (bar içeride) */
body.ck-sayfa .sec-hdr{margin:32px 0 14px}
body.ck-sayfa .sec-hdr .bar{display:none}
body.ck-sayfa .sec-hdr h2{font-family:var(--ck-baslik-font);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ck-murekkep);display:inline-block;
  background-image:linear-gradient(180deg,transparent 10%,rgba(204,255,0,.5) 10%,var(--ck-limon) 30%,var(--ck-limon) 88%,rgba(204,255,0,.6) 88%,transparent 97%);
  background-repeat:no-repeat;padding:1px .22em 2px;margin-left:-.14em}
body.ck-sayfa .icerik h3{font-family:var(--ck-baslik-font);font-size:14.5px;font-weight:700;color:var(--ck-murekkep);margin:18px 0 7px}
body.ck-sayfa .icerik p,
body.ck-sayfa .icerik li{font-size:14px;color:var(--ck-murekkep-2);line-height:1.78}
body.ck-sayfa .icerik p{margin-bottom:13px}
body.ck-sayfa .icerik ul{margin:0 0 15px;padding-left:19px}
body.ck-sayfa .icerik li{margin-bottom:7px}
body.ck-sayfa .icerik strong{color:var(--ck-murekkep);font-weight:800}
body.ck-sayfa .icerik a{color:var(--ck-mavi);font-weight:700}

/* Sık sorulan sorular (açılır kapanır — JS .acik sınıfını ekliyor) */
body.ck-sayfa .sss-wrap{margin-top:30px}
body.ck-sayfa .sss-baslik{margin-bottom:13px}
body.ck-sayfa .sss-liste{display:flex;flex-direction:column;gap:7px}
body.ck-sayfa .sss-item{background:var(--ck-kagit);border:1px solid rgba(16,22,15,.06);border-radius:10px;overflow:hidden;box-shadow:var(--ck-golge)}
body.ck-sayfa .sss-q{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;cursor:pointer;font-family:var(--ck-baslik-font);font-size:13.5px;font-weight:700;color:var(--ck-murekkep);user-select:none}
body.ck-sayfa .sss-q .ok{color:var(--ck-murekkep-3);font-size:12px;transition:.2s;flex-shrink:0}
body.ck-sayfa .sss-a{display:none;padding:0 14px 14px;font-size:13px;color:var(--ck-murekkep-2);line-height:1.65;border-top:1px solid var(--ck-cizgi)}
body.ck-sayfa .sss-item.acik .sss-q .ok{transform:rotate(180deg);color:var(--ck-limon-metin)}
body.ck-sayfa .sss-item.acik .sss-a{display:block}

/* SSS — ikinci desen: <details><summary>…</summary><div class="sss-cevap">
   bazı sayfalar (tercih-robotu, universite-taban-puanlari, lgs-tercih-robotu,
   yks-tercih-rehberi ve 12 taban-puanı sayfası) native <details> kullanıyor.
   ⚠️ DÜZELTME (12 Ağu 2026): açık temaya geçerken 4 sayfada bu kural
   atlanmıştı, SSS cevapları boşluksuz/renksiz düz metin kalıyordu. */
body.ck-sayfa .sss details{background:var(--ck-kagit);border:1px solid rgba(16,22,15,.06);border-radius:11px;margin-bottom:9px;padding:0 16px;box-shadow:var(--ck-golge)}
body.ck-sayfa .sss summary{padding:15px 0;font-family:var(--ck-baslik-font);font-size:14px;font-weight:700;color:var(--ck-murekkep);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px}
body.ck-sayfa .sss summary::-webkit-details-marker{display:none}
body.ck-sayfa .sss summary::after{content:'+';color:var(--ck-limon-metin);font-weight:900;font-size:18px;flex-shrink:0}
body.ck-sayfa .sss details[open] summary::after{content:'\2212'}
body.ck-sayfa .sss-cevap{padding:0 0 15px;font-size:13px;color:var(--ck-murekkep-2);line-height:1.72}

/* İç link şeridi */
body.ck-sayfa .ic-link-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
body.ck-sayfa .ic-link-grid a{padding:9px 15px;font-size:12px;font-weight:700;background:var(--ck-kagit);color:var(--ck-murekkep-2);border:1px solid var(--ck-cizgi);border-radius:20px;text-decoration:none;transition:.15s}
body.ck-sayfa .ic-link-grid a:hover{background:var(--ck-limon-sis);color:var(--ck-murekkep);border-color:var(--ck-limon-kenar);text-decoration:none}

/* Alt not */
body.ck-sayfa .foot{margin-top:18px;padding:10px;font-size:9.5px;color:var(--ck-murekkep-3);text-align:center;line-height:1.7}

/* "İlgili araçlar" kartı — sayfalarda eskiden satır içi (inline) stille
   yazılıyordu ve yazı rengi beyazdı; sınıfa çevrildi, buradan yönetiliyor. */
body.ck-sayfa .arac-karti{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--ck-limon-sis);border:1px solid var(--ck-limon-kenar);border-radius:14px;text-decoration:none;margin-bottom:9px;transition:box-shadow .15s,transform .1s}
body.ck-sayfa .arac-karti:hover{box-shadow:var(--ck-golge);transform:translateY(-1px);text-decoration:none}
body.ck-sayfa .arac-karti .ak-bas{font-family:var(--ck-baslik-font);font-size:14.5px;font-weight:700;color:var(--ck-murekkep);margin-bottom:3px}
body.ck-sayfa .arac-karti .ak-alt{font-size:11.5px;color:var(--ck-murekkep-2);line-height:1.45}
body.ck-sayfa .arac-karti .ak-ok{font-size:13px;font-weight:800;color:var(--ck-limon-metin);flex-shrink:0;white-space:nowrap}

/* Sorumluluk reddi / bilgilendirme kutusu — 15 araç sayfasında ortak.
   Eskiden her sayfada satır içi stille yazılıydı (amber üzerine soluk gri),
   beyaz zeminde okunmuyordu. Amber tonu korundu, kontrast düzeltildi. */
body.ck-sayfa .ck-uyari-kutu{margin:24px 0 6px;padding:14px 16px;background:#FFF6DC;border:1px solid #EBD79A;border-radius:10px;font-size:12.5px;color:#6B5200;line-height:1.7;text-align:center}
body.ck-sayfa .ck-uyari-kutu strong{color:#8A6A00;font-weight:800}
body.ck-sayfa .ck-uyari-kutu a{color:#8A6A00;text-decoration:underline;font-weight:700}

/* "Bu puanla nereye girersin" tercih kartı — sayfalar bunun stilini kendi
   gövdelerinde basıyor ve yazı rengi #CCFF00 (beyaz zeminde okunmaz). */
body.ck-sayfa .tercih-cta{background:var(--ck-limon-sis);border:1.5px solid var(--ck-limon-kenar);box-shadow:var(--ck-golge)}
body.ck-sayfa .tercih-cta .tc-bas{font-family:var(--ck-baslik-font);color:var(--ck-murekkep)}
body.ck-sayfa .tercih-cta .tc-alt{color:var(--ck-murekkep-2)}
body.ck-sayfa .tercih-cta .tc-ok{color:var(--ck-limon-metin)}

/* ── 21. BLOG YAZILARI (Bootstrap tabanlı 16 sayfa) ──────────────────────────
   Blog yazıları Bootstrap 5 kullanıyor ve her biri ayrı yazılmış. İşaretlemeye
   DOKUNMADAN, Bootstrap'in çıktısını kareli defter temasıyla uyumlu hale
   getiriyoruz. Hepsi body.ck-blog ile sınırlı → araç sayfaları etkilenmez.

   Özgüllük notu: Bootstrap CDN'den <head> içinde yükleniyor, bizim tema
   dosyamız ondan SONRA geliyor; ayrıca body.ck-blog öneki özgüllüğü
   yükselttiği için Bootstrap kuralları güvenle eziliyor. */

/* Yazı tipleri — gövdedeki inline Inter kaldırıldı, tema fontları geçerli */
body.ck-blog{font-family:var(--ck-metin-font);color:var(--ck-murekkep-2);font-size:16.5px;line-height:1.75}
body.ck-blog h1,body.ck-blog h2,body.ck-blog h3,
body.ck-blog h4,body.ck-blog h5,body.ck-blog h6{font-family:var(--ck-baslik-font);color:var(--ck-murekkep);letter-spacing:-.022em;line-height:1.2}
body.ck-blog h1{font-size:clamp(27px,4.6vw,40px);font-weight:800;letter-spacing:-.03em;text-wrap:balance}
body.ck-blog h2{font-size:clamp(20px,3vw,26px);font-weight:700;margin-top:1.8em;margin-bottom:.6em}
body.ck-blog h3{font-size:clamp(17px,2.4vw,20px);font-weight:700;margin-top:1.5em;margin-bottom:.5em}
body.ck-blog p{margin-bottom:1.15em}
body.ck-blog strong,body.ck-blog b{color:var(--ck-murekkep);font-weight:800}
body.ck-blog .lead{font-size:18px;color:var(--ck-murekkep-2);font-weight:500;line-height:1.7}
body.ck-blog a{color:var(--ck-mavi)}
body.ck-blog li{margin-bottom:.5em}

/* Bölüm başlıkları — uzun metinde tam blok vurgu yorucu olurdu; sadece ALTI
   fosforlu kalemle çizilmiş gibi. Kimlik korunur, okuma sakin kalır. */
body.ck-blog article h2,
body.ck-blog .blog-icerik h2{
  display:inline-block;
  background-image:linear-gradient(180deg,transparent 62%,var(--ck-limon) 62%,var(--ck-limon) 94%,transparent 94%);
  background-repeat:no-repeat;padding:0 .14em 2px;margin-left:-.1em}

/* Site üst menüsü (Bootstrap navbar) — araç şeridiyle uyumlansın */
body.ck-blog .navbar.bg-white{background:var(--ck-kagit)!important;border-bottom:1px solid var(--ck-cizgi);box-shadow:none!important}
body.ck-blog .navbar-brand{font-family:var(--ck-baslik-font);color:var(--ck-murekkep)!important;letter-spacing:-.02em}

/* Breadcrumb */
body.ck-blog .breadcrumb{background:none;padding:0;margin:0;font-size:13px}
body.ck-blog .breadcrumb-item a{color:var(--ck-murekkep-2);font-weight:700;text-decoration:none}
body.ck-blog .breadcrumb-item a:hover{color:var(--ck-murekkep)}
body.ck-blog .breadcrumb-item.active{color:var(--ck-murekkep-3)}

/* Yazının gövdesi = defterin üzerine konmuş BEYAZ SAYFA */
body.ck-blog article{background:var(--ck-kagit);border:1px solid rgba(16,22,15,.06);border-radius:var(--ck-yuvarlak-lg);box-shadow:var(--ck-golge);padding:clamp(20px,4vw,44px) 0;margin-bottom:34px}

/* Kartlar */
body.ck-blog .card{background:var(--ck-kagit);border:1px solid var(--ck-cizgi);border-radius:var(--ck-yuvarlak);box-shadow:var(--ck-golge)}
body.ck-blog .card-header{background:var(--ck-kagit-3);border-bottom:1px solid var(--ck-cizgi);font-family:var(--ck-baslik-font);font-weight:700;color:var(--ck-murekkep)}
body.ck-blog .card-title{font-family:var(--ck-baslik-font);color:var(--ck-murekkep)}

/* Butonlar — ana buton mürekkep zemin + limon yazı (sitenin imzası) */
body.ck-blog .btn{font-family:var(--ck-metin-font);font-weight:800;border-radius:999px;padding:10px 20px}
body.ck-blog .btn-primary,body.ck-blog .btn-success{background:var(--ck-murekkep);border-color:var(--ck-murekkep);color:var(--ck-limon)}
body.ck-blog .btn-primary:hover,body.ck-blog .btn-success:hover{background:#1D2A1B;border-color:#1D2A1B;color:var(--ck-limon)}
body.ck-blog .btn-outline-primary,body.ck-blog .btn-outline-secondary{color:var(--ck-murekkep);border-color:var(--ck-cizgi-koyu);background:var(--ck-kagit)}
body.ck-blog .btn-outline-primary:hover,body.ck-blog .btn-outline-secondary:hover{background:var(--ck-limon-sis);border-color:var(--ck-limon-kenar);color:var(--ck-murekkep)}

/* Tablolar */
body.ck-blog .table{color:var(--ck-murekkep-2);border-color:var(--ck-cizgi)}
body.ck-blog .table th{font-family:var(--ck-baslik-font);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ck-murekkep-3);border-bottom:1.5px solid var(--ck-murekkep);background:none}
body.ck-blog .table td{border-color:var(--ck-cizgi);vertical-align:middle}
body.ck-blog .table-responsive{border-radius:var(--ck-yuvarlak-sm)}

/* Bootstrap yardımcı renkleri — koyu tema için konmuşlardı */
body.ck-blog .text-muted{color:var(--ck-murekkep-3)!important}
body.ck-blog .bg-light{background:var(--ck-kagit-3)!important}
body.ck-blog .border-top,body.ck-blog .border-bottom{border-color:var(--ck-cizgi)!important}

/* HERO bölümleri — her yazıda farklı koyu gradyan vardı; hepsi tek bir
   sakin, açık zemine çekildi ki yazıdan yazıya geçişte kopukluk olmasın. */
body.ck-blog .hero-section,
body.ck-blog .hero-tyt,
body.ck-blog .hero-lgs{background:var(--ck-limon-sis)!important;color:var(--ck-murekkep)!important;border-bottom:1px solid var(--ck-limon-kenar);padding:44px 0 38px!important}
body.ck-blog .hero-section::before,
body.ck-blog .hero-tyt::before,
body.ck-blog .hero-lgs::before{display:none!important}
body.ck-blog .hero-section h1,body.ck-blog .hero-tyt h1,body.ck-blog .hero-lgs h1,
body.ck-blog .hero-section p,body.ck-blog .hero-tyt p,body.ck-blog .hero-lgs p{color:var(--ck-murekkep)!important;-webkit-text-fill-color:var(--ck-murekkep)}
body.ck-blog .hero-badge{background:var(--ck-limon);color:var(--ck-murekkep);border:none;border-radius:6px;font-weight:800}
body.ck-blog .hero-stat{background:var(--ck-kagit);border:1px solid var(--ck-cizgi);border-radius:var(--ck-yuvarlak-sm);box-shadow:var(--ck-golge)}
body.ck-blog .hero-stat-text,body.ck-blog .hero-stat-icon{color:var(--ck-murekkep)}

/* Alt bilgi — tek koyu öğe kalmasın diye açık temaya çekildi */
body.ck-blog footer.bg-dark{background:var(--ck-kagit)!important;color:var(--ck-murekkep-2)!important;border-top:1px solid var(--ck-cizgi)}
body.ck-blog footer.bg-dark h5{color:var(--ck-murekkep)}
body.ck-blog footer.bg-dark .text-light,
body.ck-blog footer.bg-dark .text-white{color:var(--ck-murekkep-2)!important}
body.ck-blog footer.bg-dark a{color:var(--ck-murekkep-2)}

/* Araç şeridi blogda da görünür (arac_navbar.php) — blog üst menüsünün
   hemen altında durur, iki çubuk üst üste yapışmasın diye sticky kapalı. */
body.ck-blog .cnav{position:static}

/* Yazı listesi sayfası (blog.php) — kart ızgarası */
body.ck-blog .blog-ustlik{background:var(--ck-limon-sis);border-bottom:1px solid var(--ck-limon-kenar)}
body.ck-blog .blog-ustlik h1{margin-bottom:.4em}
/* Kart başlığındaki bağlantı (Bootstrap .text-dark) — tema mürekkebine çekilir */
body.ck-blog .card-title a.text-dark{color:var(--ck-murekkep)!important}
body.ck-blog .card-title a.text-dark:hover{color:var(--ck-limon-metin)!important}
body.ck-blog .card:hover{box-shadow:var(--ck-golge-yuksek)}
/* Kategori rozetleri — Bootstrap'in canlı renkleri açık zemine yumuşatıldı */
body.ck-blog .badge{font-family:var(--ck-metin-font);font-weight:800;font-size:10.5px;
  letter-spacing:.04em;padding:5px 10px;border-radius:6px}
body.ck-blog .badge.bg-warning{background:#FFF6DC!important;color:#8A6A00!important}
body.ck-blog .badge.bg-primary{background:var(--ck-mavi-sis)!important;color:var(--ck-mavi)!important}
body.ck-blog .badge.bg-success{background:var(--ck-yesil-sis)!important;color:var(--ck-yesil)!important}
body.ck-blog .badge.bg-info{background:var(--ck-mavi-sis)!important;color:var(--ck-mavi)!important}
body.ck-blog .badge.bg-danger{background:var(--ck-kiremit-sis)!important;color:var(--ck-kiremit)!important}
body.ck-blog .badge.bg-secondary,body.ck-blog .badge.bg-dark{background:var(--ck-kagit-3)!important;color:var(--ck-murekkep-2)!important}

/* ── 19. BASKI ────────────────────────────────────────────────────────────── */
@media print {
  body.ck-sayfa { background: #fff; }
  body.ck-sayfa::before { display: none; }
  .ck-nav, .acta, .scta, .ck-btn { display: none !important; }
  .ck-blok { box-shadow: none; border-color: #ccc; break-inside: avoid; }
}
