/* 1epin cerez onay - tema: koyu teal (#022734 header) + altin (#ffd24a) vurgu */
:root {
  --cerez-bar-h: 0px;
  --cz-bar-bg: #022734;   /* header teal */
  --cz-panel:  #04323f;   /* modal zemin */
  --cz-panel2: #0a3c4b;   /* kategori satiri / ikincil yuzey */
  --cz-border: #12495a;   /* sac teli ayrac */
  --cz-gold:   #ffd24a;   /* vurgu */
  --cz-gold-hi:#ffdf73;   /* vurgu hover */
  --cz-ink:    #022734;   /* altin uzeri metin */
  --cz-text:   #eaf1f4;   /* baslik */
  --cz-text2:  #d7dee5;   /* govde */
  --cz-muted:  #b3c6ce;   /* ikincil / aciklama */
}

.cerez-root { font-family: inherit; }

/* Alt bar */
.cerez-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000;
  background: var(--cz-bar-bg); color: var(--cz-text2);
  border-top: 2px solid var(--cz-gold);
  box-shadow: 0 -8px 28px rgba(0,0,0,.45);
}
.cerez-bar-in {
  max-width: 1200px; margin: 0 auto; padding: 16px 20px;
  display: flex; gap: 18px; align-items: center; flex-wrap: wrap;
}
.cerez-bar-txt { flex: 1 1 340px; min-width: 260px; line-height: 1.5; }
.cerez-bar-txt strong { display: block; font-size: 1.02rem; margin-bottom: 3px; color: var(--cz-text); }
.cerez-bar-txt span { font-size: .9rem; color: var(--cz-muted); }
.cerez-bar-txt a { color: var(--cz-gold); text-decoration: underline; }
.cerez-bar-txt a:hover { color: var(--cz-gold-hi); }
.cerez-bar-btns { display: flex; gap: 10px; flex: 0 0 auto; flex-wrap: wrap; }

/* Butonlar - Kabul ve Reddet esit boyutta (GDPR) */
.cerez-btn {
  -webkit-appearance: none; appearance: none; cursor: pointer; font: inherit; font-weight: 600;
  padding: 11px 20px; border-radius: 8px; min-width: 132px; line-height: 1;
  border: 1.5px solid var(--cz-border); background: transparent; color: var(--cz-text);
  transition: background .15s, border-color .15s, color .15s;
}
.cerez-btn:hover { background: rgba(255,255,255,.06); }
.cerez-btn:focus-visible { outline: 3px solid var(--cz-gold); outline-offset: 2px; }
/* Reddet: altin kenarlikli (Kabul ile esit gorunurlukte, dolu degil) */
.cerez-ret { border-color: var(--cz-gold); color: var(--cz-gold); }
.cerez-ret:hover { background: rgba(255,210,74,.12); }
/* Ayarlar: ikincil (nihai secim degil) */
.cerez-ayar { color: var(--cz-text2); }
/* Kabul: dolu altin */
.cerez-kabul { background: var(--cz-gold); border-color: var(--cz-gold); color: var(--cz-ink); }
.cerez-kabul:hover { background: var(--cz-gold-hi); border-color: var(--cz-gold-hi); }

/* Modal */
.cerez-modal-ovl { position: fixed; inset: 0; background: rgba(1,15,20,.66); z-index: 10001; }
.cerez-modal {
  position: fixed; z-index: 10002; left: 50%; top: 50%;
  transform: translate(-50%,-50%); width: min(560px, 92vw);
  max-height: 88vh; overflow: auto; background: var(--cz-panel); color: var(--cz-text2);
  border: 1px solid var(--cz-border); border-radius: 14px; box-shadow: 0 24px 64px rgba(0,0,0,.55);
}
.cerez-modal-hd { display: flex; align-items: center; justify-content: space-between;
  padding: 18px 22px; border-bottom: 1px solid var(--cz-border); }
.cerez-modal-hd h2 { margin: 0; font-size: 1.15rem; color: var(--cz-text); }
.cerez-modal-x { background: none; border: 0; color: var(--cz-muted); font-size: 1.7rem;
  line-height: 1; cursor: pointer; padding: 0 6px; }
.cerez-modal-x:hover { color: var(--cz-text); }
.cerez-modal-x:focus-visible { outline: 3px solid var(--cz-gold); outline-offset: 2px; }
.cerez-modal-bd { padding: 8px 22px 4px; }
.cerez-kat { padding: 14px 0; border-bottom: 1px solid var(--cz-border); }
.cerez-kat:last-child { border-bottom: 0; }
.cerez-kat-h { display: flex; align-items: center; gap: 10px; font-weight: 600; cursor: pointer; color: var(--cz-text); }
.cerez-kat-h input { width: 18px; height: 18px; accent-color: var(--cz-gold); }
.cerez-kat-not { margin-left: auto; font-style: normal; font-size: .78rem;
  color: var(--cz-gold); background: rgba(255,210,74,.12); padding: 3px 9px; border-radius: 20px; }
.cerez-kat-ac { margin: 6px 0 0 28px; font-size: .86rem; color: var(--cz-muted); line-height: 1.5; }
.cerez-modal-ft { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end;
  padding: 16px 22px 20px; border-top: 1px solid var(--cz-border); }

/* Sag-alt kose butonlari banner acikken yukari kaysin */
#whatsapp { bottom: calc(19px + var(--cerez-bar-h)) !important; transition: bottom .2s; }
#cerez-chat-tetik { bottom: calc(19px + var(--cerez-bar-h)) !important; }
.cerez-chat-btn {
  cursor: pointer; font: inherit; font-weight: 600; border: 0;
  background: var(--cz-gold); color: var(--cz-ink); padding: 10px 16px; border-radius: 24px;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
.cerez-chat-btn:hover { background: var(--cz-gold-hi); }
.cerez-chat-btn:focus-visible { outline: 3px solid var(--cz-gold); outline-offset: 2px; }

/* Footer copyright alani - "Cerez Tercihlerini Degistir" butonu (ortali) */
.cerez-tercih-alt { text-align: center; }
.cerez-tercih-btn {
  -webkit-appearance: none; appearance: none; cursor: pointer; font: inherit;
  font-size: .82rem; font-weight: 600; line-height: 1;
  padding: 9px 18px; border-radius: 20px;
  background: transparent; color: var(--cz-gold);
  border: 1.5px solid var(--cz-gold);
  transition: background .15s, color .15s;
}
.cerez-tercih-btn:hover { background: var(--cz-gold); color: var(--cz-ink); }
.cerez-tercih-btn:focus-visible { outline: 3px solid var(--cz-gold); outline-offset: 2px; }

@media (max-width: 640px) {
  .cerez-bar-btns { width: 100%; }
  .cerez-btn { flex: 1 1 auto; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #whatsapp, .cerez-btn { transition: none; }
}