/* ============================================================
   cerez.css — çerez rızası modalı (KVKK / GDPR)

   TASARIM KARARI: "Tümünü reddet" ve "Tümünü kabul et" AYNI
   ölçüde. Reddi küçültmek, soluklaştırmak ya da ikincil bir
   bağlantıya indirmek rızayı geçersiz kılıyor (EDPB 03/2022
   karanlık desen rehberi). Bu yüzden iki düğme aynı yükseklikte,
   aynı yazı ağırlığında; yalnız RENK farklı — kabul vurgulu
   turuncu, red nötr çerçeve. Renk farkı tek başına "eşit
   görünürlük" ihlali değil, boyut/konum farkı ihlal.
   ============================================================ */

.kc-cerez-ortu{
  position:fixed; inset:0; z-index:4000;
  background:rgba(6,25,61,.55);
  backdrop-filter:saturate(.9) blur(2px);
}

.kc-cerez{
  position:fixed; z-index:4001;
  left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(560px, calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow-y:auto;
  box-sizing:border-box;
  padding:26px 26px 22px;
  background:#fff;
  color:var(--ink);
  border-radius:18px;
  box-shadow:var(--shadow-lg);
  font-family:var(--font-body);
}

.kc-cerez-kapat{
  position:absolute; top:10px; right:12px;
  width:34px; height:34px; padding:0;
  border:0; background:transparent; cursor:pointer;
  font-size:26px; line-height:1; color:var(--muted-soft);
  border-radius:10px;
}
.kc-cerez-kapat:hover{ background:var(--light-gray); color:var(--ink); }

.kc-cerez-baslik{
  margin:0 0 10px; padding-right:34px;
  font-family:var(--font-head); font-size:20px; font-weight:700;
  color:var(--primary-color);
}
.kc-cerez-metin{
  margin:0 0 18px;
  font-size:13.5px; line-height:1.65; color:var(--muted);
}
.kc-cerez-metin a{ color:var(--primary-color); text-decoration:underline; }

/* ---------- kategori listesi ---------- */
.kc-cerez-liste{
  margin:0 0 18px;
  border:1px solid var(--seperator-color);
  border-radius:12px;
  overflow:hidden;
}
.kc-cerez-satir{
  display:flex; align-items:flex-start; gap:14px;
  padding:13px 14px;
  border-bottom:1px solid var(--seperator-color);
}
.kc-cerez-satir:last-child{ border-bottom:0; }
.kc-cerez-satir-metin{ flex:1 1 auto; min-width:0; }
.kc-cerez-satir-ad{
  display:block; font-size:13.5px; font-weight:700; color:var(--ink);
}
.kc-cerez-satir-ac{
  display:block; margin-top:3px;
  font-size:12px; line-height:1.55; color:var(--muted);
}

/* ---------- anahtar ---------- */
.kc-cerez-anahtar{
  flex:0 0 auto; position:relative;
  width:44px; height:25px; margin-top:2px; cursor:pointer;
}
.kc-cerez-anahtar.kilitli{ cursor:not-allowed; }
.kc-cerez-anahtar input{
  position:absolute; inset:0; margin:0; opacity:0; cursor:inherit;
}
.kc-cerez-yuva{
  position:absolute; inset:0;
  background:#CBD5DF; border-radius:999px;
  transition:background .16s ease;
}
.kc-cerez-yuva::after{
  content:""; position:absolute; top:3px; left:3px;
  width:19px; height:19px; border-radius:50%;
  background:#fff; box-shadow:var(--shadow-xs);
  transition:transform .16s ease;
}
.kc-cerez-anahtar input:checked + .kc-cerez-yuva{ background:var(--success-color); }
.kc-cerez-anahtar input:checked + .kc-cerez-yuva::after{ transform:translateX(19px); }
.kc-cerez-anahtar input:disabled + .kc-cerez-yuva{ background:var(--primary-color-400); opacity:.65; }
/* Klavye ile gezen ziyaretçi anahtarın odakta olduğunu görmeli. */
.kc-cerez-anahtar input:focus-visible + .kc-cerez-yuva{
  outline:2px solid var(--accent-color); outline-offset:2px;
}

/* ---------- düğmeler ---------- */
.kc-cerez-dugmeler{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
}
.kc-cerez-dugme{
  /* EŞİT GÖRÜNÜRLÜK: üçü de aynı yükseklik, aynı yazı ağırlığı. */
  min-height:46px; padding:12px 10px;
  font-family:var(--font-body); font-size:13.5px; font-weight:700;
  border-radius:12px; cursor:pointer;
  border:1px solid var(--seperator-color);
  background:#fff; color:var(--primary-color);
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.kc-cerez-dugme:hover{ background:var(--light-gray); }
.kc-cerez-dugme:focus-visible{ outline:2px solid var(--accent-color); outline-offset:2px; }

.kc-cerez-kabul{
  background:var(--accent-color); border-color:var(--accent-color); color:#fff;
}
.kc-cerez-kabul:hover{ background:var(--accent-color-600); border-color:var(--accent-color-600); }

.kc-cerez-secili{
  display:block; width:100%; margin-top:10px;
  min-height:46px; padding:12px;
  font-family:var(--font-body); font-size:13.5px; font-weight:700;
  border-radius:12px; cursor:pointer;
  border:1px solid var(--primary-color);
  background:var(--primary-color); color:#fff;
}
.kc-cerez-secili:hover{ background:var(--primary-color-600); }
.kc-cerez-secili:focus-visible{ outline:2px solid var(--accent-color); outline-offset:2px; }

/* ---------- telefon ---------- */
@media (max-width:575px){
  .kc-cerez{
    /* Küçük ekranda ortalanmış kutu yerine alta yapışık sayfa:
       düğmeler başparmak menzilinde kalıyor. */
    left:0; right:0; bottom:0; top:auto;
    transform:none;
    width:auto; max-height:88vh;
    border-radius:18px 18px 0 0;
    padding:22px 18px 18px;
  }
  .kc-cerez-dugmeler{ grid-template-columns:1fr; }
  /* Tek kolonda sıra: kabul üstte olursa red "aşağıda kalan" seçenek
     olur. Eşitliği korumak için red ÖNCE basılıyor (DOM sırası) ve
     burada da öyle görünüyor. */
}

/* Hareket duyarlılığı olan ziyaretçi için geçiş yok. */
@media (prefers-reduced-motion: reduce){
  .kc-cerez-yuva, .kc-cerez-yuva::after, .kc-cerez-dugme{ transition:none; }
  .kc-cerez-ortu{ backdrop-filter:none; }
}