/* consent.css — KVKK çerez bandı (Zine Witch dili; home-d6 + iç sayfalar ortak).
 * Bağımsız dosya: iki sayfa ailesinin CSS'ine dokunmadan tek kaynaktan stillenir.
 * KVKK Çerez Rehberi: iki seçenek EŞİT görünürlükte — kabul ve ret aynı boy/ağırlıkta. */

/* Caveat (el yazısı aksanı) — SELF-HOST: KVKK (ziyaretçi IP'si Google'a GİTMEZ, rıza öncesi
   üçüncü-taraf yok) + perf (render-blocking Google link YOK). Variable font, tek dosya 600–700.
   SIL Open Font License → self-host serbest. Bu dosya tüm sayfa ailelerince yüklenir → tek kaynak. */
@font-face {
  font-family: 'Caveat'; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url(../fonts/caveat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat'; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url(../fonts/caveat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.ea-consent {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  padding: 14px clamp(12px, 3vw, 28px);
  font-family: "Courier New", Courier, monospace;
}
.ea-consent[hidden] { display: none; }

.ea-consent-kutu {
  max-width: 880px; margin: 0 auto;
  background-color: #f8f7f7;
  background-image:
    linear-gradient(rgba(0, 0, 0, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .12) 1px, transparent 1px);
  background-size: 30px 30px;
  border: 1.5px solid #1b1b1b; border-radius: 14px;
  box-shadow: 0 10px 28px rgba(27, 27, 27, .22);
  padding: 16px clamp(14px, 3vw, 24px);
}

.ea-consent-baslik {
  margin: 0 0 6px; font-size: 15px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: #1b1b1b;
}
.ea-consent-metin {
  margin: 0 0 12px; font-size: 13px; line-height: 1.55; color: #2a2a2b;
}
.ea-consent-metin a { color: #1b1b1b; text-decoration: underline; }

.ea-consent-butonlar { display: flex; gap: 10px; flex-wrap: wrap; }

/* Rehber şartı: ret, kabul kadar kolay — iki düğme aynı boyut/tipografi. */
.ea-consent-btn {
  flex: 1 1 220px; min-height: 44px; padding: 10px 18px;
  font: inherit; font-size: 13px; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; cursor: pointer;
  border: 1.5px solid #1b1b1b; border-radius: 999px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.ea-consent-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 0 #1b1b1b; }
.ea-consent-btn:focus-visible { outline: 3px solid #1b1b1b; outline-offset: 2px; }
.ea-consent-btn--kabul   { background: #b9f042; color: #1b1b1b; }
.ea-consent-btn--zorunlu { background: #fdfdfd; color: #1b1b1b; }

@media (max-width: 560px) {
  .ea-consent { padding: 8px; }
  .ea-consent-butonlar { flex-direction: column; }
  .ea-consent-btn { flex-basis: auto; }
  /* kısa telefonlarda (fold/SE) bant içeriği/menüyü örtmesin: yüksekliği sınırla + iç-scroll */
  .ea-consent-kutu { max-height: 80vh; overflow-y: auto; }
  .ea-consent-metin { font-size: 12.5px; }
}
@media (max-height: 640px) {   /* yatay telefon / çok kısa ekran */
  .ea-consent-kutu { max-height: 88vh; overflow-y: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .ea-consent-btn { transition: none; }
}