/* ============================================================
   Cerez onay banner'i (Venus KVKK bileseni) — v1 paleti
   Markup index.html icinde #vc-consent, mantik js/cookie-consent.js
   ============================================================ */
#vc-consent{
  --vc-accent:#8A6A3D; --vc-accent-d:#6E5330;
  --vc-ink:#333B45; --vc-text:#5E5A53; --vc-muted:#8B857A;
  --vc-line:#DCD8D1; --vc-soft:#F1EEE9; --vc-surface:#FBFAF8;
  --vc-radius:2px; --vc-btn-radius:2px;
  --vc-font:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif; --vc-disp:'Roboto Condensed',system-ui,-apple-system,'Segoe UI',sans-serif;
  position:fixed;inset:auto 0 0 0;z-index:99999;font-family:var(--vc-font);
}
#vc-consent *,#vc-consent *::before,#vc-consent *::after{box-sizing:border-box}

.vc-banner{
  display:none;max-width:1180px;margin:0 auto 22px;padding:24px 28px;
  background:var(--vc-surface);border:1px solid var(--vc-line);border-radius:var(--vc-radius);
  box-shadow:0 14px 44px rgba(0,0,0,.16);
  gap:26px;align-items:center;
}
.vc-banner.vc-open{display:flex;animation:vc-rise .35s ease both}
@keyframes vc-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vc-banner.vc-open,.vc-modal.vc-open{animation:none}}

.vc-banner h2{
  margin:0 0 7px;font-family:var(--vc-disp);font-weight:700;font-size:16px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.08em;color:var(--vc-ink);
}
.vc-banner p{margin:0;font-size:13.5px;line-height:1.65;color:var(--vc-text);max-width:74ch}
#vc-consent a{color:var(--vc-accent);text-decoration:underline;text-underline-offset:2px}
#vc-consent a:hover{color:var(--vc-accent-d)}

.vc-actions{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.vc-btn{
  appearance:none;cursor:pointer;font-family:var(--vc-disp);
  font-weight:700;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.12em;
  padding:14px 22px;border-radius:var(--vc-btn-radius);white-space:nowrap;
  border:1px solid transparent;transition:background .18s,color .18s,border-color .18s;
}
.vc-btn:focus-visible{outline:2px solid var(--vc-accent);outline-offset:3px}
.vc-btn-accept{background:#333B45;color:#FBFAF8;border-color:#333B45}
.vc-btn-accept:hover{background:#3D4650;border-color:#3D4650}
.vc-btn-reject{background:transparent;color:#333B45;border-color:#DCD8D1}
.vc-btn-reject:hover{background:transparent;color:#333B45;border-color:#333B45}
.vc-btn-prefs{background:transparent;color:var(--vc-muted);text-decoration:underline;
  text-underline-offset:3px;padding-left:10px;padding-right:10px;letter-spacing:.1em}
.vc-btn-prefs:hover{color:var(--vc-ink)}

/* ---------- tercih modali ---------- */
.vc-overlay{
  position:fixed;inset:0;background:rgba(20,24,28,.58);
  display:none;align-items:center;justify-content:center;padding:18px;z-index:100000;
}
.vc-overlay.vc-open{display:flex}
.vc-modal{
  background:var(--vc-surface);border-radius:var(--vc-radius);border:1px solid var(--vc-line);
  max-width:580px;width:100%;max-height:88vh;overflow-y:auto;padding:30px;
  box-shadow:0 24px 64px rgba(0,0,0,.28);
}
.vc-modal.vc-open{animation:vc-rise .3s ease both}
.vc-modal h3{
  margin:0 0 6px;font-family:var(--vc-disp);font-weight:700;font-size:19px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.06em;color:var(--vc-ink);
}
.vc-modal>p{margin:0 0 20px;font-size:13px;line-height:1.6;color:var(--vc-text)}

.vc-cat{border:1px solid var(--vc-line);border-radius:var(--vc-radius);padding:16px 18px;margin-bottom:10px}
.vc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.vc-cat-head strong{
  font-family:var(--vc-disp);font-weight:700;font-size:13px;text-transform:uppercase;
  letter-spacing:.09em;color:var(--vc-ink);
}
.vc-cat p{margin:9px 0 0;font-size:12.5px;line-height:1.6;color:var(--vc-muted)}
.vc-always{
  font-family:var(--vc-disp);font-weight:700;font-size:10.5px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--vc-accent);white-space:nowrap;
}

.vc-switch{position:relative;width:46px;height:24px;flex:none}
.vc-switch input{opacity:0;width:100%;height:100%;position:absolute;cursor:pointer;margin:0}
.vc-slider{position:absolute;inset:0;background:#C5C5C5;border-radius:24px;transition:background .18s;pointer-events:none}
.vc-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;
  background:#fff;border-radius:50%;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.vc-switch input:checked + .vc-slider{background:var(--vc-accent)}
.vc-switch input:checked + .vc-slider::before{transform:translateX(22px)}
.vc-switch input:focus-visible + .vc-slider{outline:2px solid var(--vc-accent);outline-offset:3px}

.vc-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

@media (max-width:900px){
  .vc-banner{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:0;
    border-radius:var(--vc-radius) var(--vc-radius) 0 0;border-left:0;border-right:0;border-bottom:0}
  .vc-actions{width:100%}
  .vc-btn{flex:1 1 auto;text-align:center}
}