/* Çerez bandı (public/js/consent.js). Kendi başına çalışır: Webflow sınıfı ya da HDS değişkeni kullanmaz, renkler ve ölçüler burada.
   İzin ver dolu mavi (birincil), İzin verme gri çerçeveli (Serkan 02.11.2026, eşit görünürlük uyarısı bilerek). İki düğme aynı boyutta ve yan yana
   kalır: reddetmek bir tık. Kaynak metin: ualphabet/pro docs/hukuk/yayin-2026-10/10-cerez-politikasi.md. */
.ua-consent {
  --uac-bg: #fff;
  --uac-text: #161519;
  --uac-muted: #585866;
  --uac-line: #d8d4cf;
  --uac-brand: #463aed;
  --uac-brand-line: #4b6bfa;
  --uac-brand-ink: #e8ecff;
  --uac-brand-hover: #3a2fd0;
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 60;
  box-sizing: border-box;
  max-width: 34rem;
  margin-left: auto;
  padding: 2rem;
  border: 1px solid var(--uac-line);
  background: var(--uac-bg);
  color: var(--uac-text);
  box-shadow: 0 12px 40px rgba(22, 21, 25, .12);
  font-family: Inter, system-ui, sans-serif;
}
.ua-consent[hidden] { display: none; }
.ua-consent__title {
  margin: 0 0 .75rem;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
}
.ua-consent__text {
  margin: 0;
  color: var(--uac-muted);
  font-size: .875rem;
  line-height: 1.55;
}
.ua-consent__text a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.ua-consent__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  margin-top: 1.5rem;
}
.ua-consent__btn {
  padding: .875rem 1rem;
  border: 1.5px solid var(--uac-brand-line);
  border-radius: 0;
  background: transparent;
  color: var(--uac-brand);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s;
}
.ua-consent__btn:hover,
.ua-consent__btn:focus-visible { border-color: var(--uac-brand); background: var(--uac-brand); color: var(--uac-brand-ink); }
.ua-consent__btn:focus-visible { outline: 2px solid var(--uac-brand); outline-offset: 2px; }
.ua-consent__btn[data-c="a"] { border-color: var(--uac-brand); background: var(--uac-brand); color: #fff; }
.ua-consent__btn[data-c="a"]:hover, .ua-consent__btn[data-c="a"]:focus-visible { border-color: var(--uac-brand-hover); background: var(--uac-brand-hover); color: #fff; }
.ua-consent__btn[data-c="r"] { border-color: var(--uac-line); color: var(--uac-text); }
.ua-consent__btn[data-c="r"]:hover, .ua-consent__btn[data-c="r"]:focus-visible { border-color: var(--uac-text); background: transparent; color: var(--uac-text); }
@media (max-width: 479px) {
  .ua-consent { right: .75rem; bottom: .75rem; left: .75rem; padding: 1.5rem 1.25rem; }
  .ua-consent__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .ua-consent__btn { transition: none; } }