/* ============================================================
   CEREZ / OLCUM IZIN BANDI  —  assets/js/olcum.js kurar
   Ayri dosya cunku: CSP'de style-src 'self' ve 'unsafe-inline' YOK,
   yani JS ile <style> enjekte edilemez (kardes sitelerde oyle yapildi,
   burada sessizce bloklanirdi). Hem ana sayfa (home.css) hem ic sayfa
   (sayfa.css) bu dosyayi ayrica yukler; token'lar ikisinde de tanimli,
   yine de her yerde yedek deger verildi.
   ============================================================ */

.cerez{
  position:fixed; z-index:75;
  left:var(--gut,1.1rem); bottom:1.1rem;
  width:min(27rem,calc(100vw - 2.2rem));
  box-sizing:border-box;
  background:var(--ink,#222325); color:#fff;
  border-radius:var(--r2,12px);
  box-shadow:0 18px 44px -18px rgba(0,0,0,.55);
  padding:1.05rem 1.15rem 1.1rem;
  opacity:0; transform:translateY(10px);
  transition:opacity .26s ease,transform .26s ease;
}
.cerez--ac{opacity:1; transform:none}

.cerez__m{
  margin:0 0 .9rem; font-size:.86rem; line-height:1.6;
  color:rgba(255,255,255,.82);
}
.cerez__m a{
  color:#fff; text-decoration:underline; text-underline-offset:2px;
}
.cerez__m a:hover{color:var(--green-br,#1DBF73)}

.cerez__d{display:flex; gap:.5rem}

.cerez__ok,.cerez__no{
  flex:1 1 0; min-height:42px; padding:0 .9rem;
  cursor:pointer; border-radius:var(--r,8px);
  font-family:inherit; font-size:.85rem; font-weight:600; letter-spacing:.01em;
  transition:filter .18s ease,background-color .18s ease;
}
.cerez__ok{background:var(--green-br,#1DBF73); color:#05291A; border:0}
.cerez__no{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.34)}
.cerez__ok:hover,.cerez__no:hover{filter:brightness(1.08)}
.cerez__ok:active,.cerez__no:active{filter:brightness(.94)}
.cerez__ok:focus-visible,.cerez__no:focus-visible{outline:2px solid #fff; outline-offset:2px}

/* Mobilde alt aksiyon seridi (.abar, 64px, z-index 70) ekranin dibinde
   duruyor; bant onun ustune oturur, ikisi ust uste binmez. */
@media (max-width:899px){
  .cerez{
    left:0; right:0; bottom:var(--bar,64px);
    width:100%; border-radius:0;
    padding:.95rem var(--gut,1.1rem) 1rem;
  }
  .cerez__m{font-size:.83rem}
}

/* ── Kunye sayfasindaki kalici kontrol ──────────────────────────────
   Bant bir kez cevaplaninca bir daha cikmaz; izin buradan geri alinir.
   JS kapaliysa uretecin yazdigi duz metin aciklamasi yerinde kalir. */
.cerez-kontrol{
  margin:1.1rem 0 0; padding:1rem 1.1rem;
  background:var(--bg-3,#F5F5F5);
  border:1px solid var(--line,#DADBDD);
  border-radius:var(--r2,12px);
}
.cerez-kontrol p{margin:0 0 .75rem; font-size:.92rem; line-height:1.62}
.cerez-kontrol p:last-child{margin-bottom:0}
.cerez-kontrol__d2{display:flex; gap:.5rem; flex-wrap:wrap}
.cerez-kontrol__d2 .cerez__ok{flex:0 1 auto; min-width:11rem}
.cerez-kontrol__d2 .cerez__no{
  flex:0 1 auto; min-width:11rem;
  color:var(--ink,#222325); border-color:var(--line,#DADBDD);
  background:var(--bg,#fff);
}

@media (prefers-reduced-motion:reduce){
  .cerez{transition:none}
}

@media print{
  .cerez{display:none!important}
}