/*!
 * Çerez onayı — okuldan tasarım dili.
 * Token'lar bloklar.css ile aynı; burada kendi kopyası var ki çerez bileşeni
 * blok sayfaları dışında (blog, arşiv, 404) da doğru görünsün.
 */
.jn-cz{
  --cz-teal:#01998C; --cz-aksiyon:#FD9F0A; --cz-aksiyon-koyu:#E88F09;
  --cz-koyu:#071715; --cz-baslik:#12211F; --cz-govde:#4C5D5B;
  --cz-kontur:#E4EBEA; --cz-acik:#F4F8F7;
  font-family:inherit;
}
.jn-cz[hidden]{display:none}

/* ---------------- alt bant ---------------- */
/* Tam genişlik, ekranın en altına yapışık şerit (Berkan, 8 Ağu):
   yüzen kart yerine sayfayı boydan boya kesen bir bant. */
.jn-cz-band{
  position:fixed;left:0;right:0;bottom:0;z-index:2147483000;width:100%;
  display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;
  background:#fff;border:0;border-top:1px solid var(--cz-kontur);border-radius:0;
  box-shadow:0 -8px 32px rgba(7,23,21,.14);padding:18px 32px;box-sizing:border-box;
  animation:jn-cz-gir .22s ease-out}
/* içerik site genişliğinde hizalansın */
.jn-cz-band>.jn-cz-yazi{flex:1 1 520px;max-width:760px}
.jn-cz-band>.jn-cz-btnler{flex:0 0 auto}
@keyframes jn-cz-gir{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jn-cz-band{animation:none}}

.jn-cz-yazi{min-width:0}
.jn-cz-bas{margin:0 0 4px!important;text-align:left!important;font-size:17px!important;font-weight:700!important;
  line-height:1.3!important;color:var(--cz-baslik)!important}
.jn-cz-metin{margin:0!important;text-align:left!important;font-size:14px!important;line-height:1.6!important;
  color:var(--cz-govde)!important}
.jn-cz-metin a{color:var(--cz-teal);text-decoration:underline;text-underline-offset:2px}

.jn-cz-btnler{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.jn-cz-btn{
  font:inherit;font-size:14px;font-weight:600;line-height:1.2;
  padding:12px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out;
  white-space:nowrap}
.jn-cz-kabul{background:var(--cz-aksiyon);color:#fff}
.jn-cz-kabul:hover{background:var(--cz-aksiyon-koyu)}
.jn-cz-red,.jn-cz-kaydet{background:#fff;color:var(--cz-baslik);border-color:var(--cz-kontur)}
.jn-cz-red:hover,.jn-cz-kaydet:hover{border-color:#C9D6D4;background:var(--cz-acik)}
.jn-cz-ayar{background:none;color:var(--cz-teal);padding:12px 10px}
.jn-cz-ayar:hover{text-decoration:underline}
.jn-cz-btn:focus-visible{outline:2px solid var(--cz-teal);outline-offset:2px}

/* ---------------- tercih penceresi ---------------- */
.jn-cz-katman{position:fixed;inset:0;z-index:2147483001;background:rgba(7,23,21,.55);
  display:flex;align-items:center;justify-content:center;padding:20px}
.jn-cz-katman[hidden]{display:none}
.jn-cz-pencere{background:#fff;border-radius:18px;max-width:620px;width:100%;
  max-height:86vh;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 24px 60px rgba(7,23,21,.3)}
.jn-cz-pust{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 24px;border-bottom:1px solid var(--cz-kontur)}
.jn-cz-pust h2{margin:0!important;text-align:left!important;font-size:19px!important;font-weight:700!important;
  color:var(--cz-baslik)!important}
.jn-cz-kapat{background:none;border:0;font-size:16px;line-height:1;cursor:pointer;
  color:var(--cz-govde);padding:6px;border-radius:8px}
.jn-cz-kapat:hover{background:var(--cz-acik)}

.jn-cz-liste{overflow-y:auto;padding:8px 24px}
.jn-cz-oge{padding:16px 0;border-bottom:1px solid var(--cz-kontur)}
.jn-cz-oge:last-child{border-bottom:0}
.jn-cz-satir{display:flex;align-items:center;justify-content:space-between;gap:16px}
.jn-cz-ad{font-size:15px;text-align:left;font-weight:600;color:var(--cz-baslik)}
.jn-cz-rozet{font-size:12px;font-weight:600;color:var(--cz-teal);
  background:#E1F1EF;padding:5px 10px;border-radius:999px;white-space:nowrap}
.jn-cz-aciklama{margin:6px 0 0!important;text-align:left!important;font-size:13px!important;line-height:1.6!important;
  color:var(--cz-govde)!important;max-width:480px}

/* anahtar */
.jn-cz-anahtar{position:relative;display:inline-flex;flex:none;cursor:pointer}
.jn-cz-anahtar input{position:absolute;opacity:0;width:0;height:0}
.jn-cz-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jn-cz-kaydir{width:46px;height:26px;border-radius:999px;background:#CBD6D4;
  position:relative;transition:background .16s ease-out;display:block}
.jn-cz-kaydir::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;
  border-radius:999px;background:#fff;transition:transform .16s ease-out;
  box-shadow:0 1px 3px rgba(7,23,21,.3)}
.jn-cz-anahtar input:checked+.jn-cz-kaydir{background:var(--cz-teal)}
.jn-cz-anahtar input:checked+.jn-cz-kaydir::after{transform:translateX(20px)}
.jn-cz-anahtar input:focus-visible+.jn-cz-kaydir{outline:2px solid var(--cz-teal);outline-offset:2px}

.jn-cz-palt{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;
  padding:18px 24px;border-top:1px solid var(--cz-kontur);background:var(--cz-acik)}

/* ---------------- footer tercih bağlantısı ---------------- */
/* Yasal bağlantı grubunun içinde, komşularıyla aynı dilde */
.jn-cz-tercih{font:inherit;color:inherit;text-decoration:none;
  transition:color .18s ease-out}
.jn-cz-tercih:hover{color:#FD9F0A}
.jn-cz-ayrac{opacity:.45;margin:0 8px}

/* ---------------- mobil ---------------- */
@media (max-width:767px){
  .jn-cz-band{padding:16px 18px;gap:14px}
  .jn-cz-bas{font-size:16px!important}
  .jn-cz-metin{font-size:13px!important}
  .jn-cz-btnler{width:100%;flex-direction:column-reverse}
  .jn-cz-btn{width:100%;text-align:center;padding:13px 16px}
  .jn-cz-ayar{order:1}
  .jn-cz-pencere{border-radius:14px;max-height:92vh}
  .jn-cz-pust,.jn-cz-liste,.jn-cz-palt{padding-left:18px;padding-right:18px}
  .jn-cz-palt{flex-direction:column-reverse}
  .jn-cz-palt .jn-cz-btn{width:100%}

}

/* WhatsApp balonu (ht-ctc) çok yüksek z-index kullanıyor ve bandın üstüne
   biniyordu. Bant onun ÜSTÜNDE kalır; onay verilinceye kadar balon bandın
   yüksekliği kadar yukarı çekilir, iki öğe çakışmaz. */
body:has(.jn-cz-band) .ht-ctc.ht-ctc-chat,
body:has(.jn-cz-band) [class*="ht_ctc"],
body:has(.jn-cz-band) #ht-ctc-chat{
  bottom:auto!important;transform:translateY(-118px)}
@media (max-width:767px){
  body:has(.jn-cz-band) .ht-ctc.ht-ctc-chat,
  body:has(.jn-cz-band) [class*="ht_ctc"],
  body:has(.jn-cz-band) #ht-ctc-chat{transform:translateY(-300px)}
}