/* === Cookie Consent (Tema Uyumlu, Profesyonel) === */
:root{
  /* Varsayılanlar (temanda zaten varsa onları kullanır) */
  --cc-bg: var(--color-bg, #fff);
  --cc-text: var(--color-body-text, #111827);
  --cc-border: var(--color-border-primary, #e5e7eb);
  --cc-primary: var(--vtc-bg-main1, #ff6600);
}

.cc-hidden{ display:none !important; }

/* Banner */
#cc-banner{
  position: fixed; left:0; right:0; bottom:0; z-index: 9999;
  background: var(--cc-bg); color: var(--cc-text);
  border-top: 1px solid var(--cc-border);
  box-shadow: 0 -10px 30px rgba(0,0,0,.06);
  font: inherit;
}
#cc-banner .cc-wrap{
  max-width: 1200px; margin:0 auto; padding: 14px 16px;
  display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center;
}
#cc-banner p{ margin:0; line-height:1.5; font-size:.95rem; }
#cc-banner a{ color: var(--cc-primary); text-decoration: underline; }
#cc-banner .cc-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
#cc-banner .cc-btn{
  padding: 10px 14px; border-radius: 10px; cursor:pointer; font-weight:600;
  border:1px solid var(--cc-border); background:#fff; color: var(--cc-text);
}
#cc-banner .cc-btn:hover{ filter: brightness(.98); }
#cc-banner .cc-btn-primary{
  background: var(--cc-primary); border-color: var(--cc-primary); color:#fff;
}
#cc-banner .cc-btn-primary:hover{ filter: brightness(.95); }

@media (max-width: 640px){
  #cc-banner .cc-wrap{ grid-template-columns: 1fr; }
  #cc-banner .cc-actions{ justify-content: stretch; }
  #cc-banner .cc-btn, #cc-banner .cc-btn-primary{ flex:1 1 auto; text-align:center; }
}

/* Modal */
#cc-modal-backdrop{
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  z-index: 10000; display: none;
}
#cc-modal{
  position: fixed; inset: 0; display: none; z-index:10001;
  align-items: center; justify-content: center; padding: 20px;
}
#cc-modal .cc-card{
  width: min(720px, 96vw); background: var(--cc-bg); color: var(--cc-text);
  border:1px solid var(--cc-border); border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,.18);
  padding: 20px;
}
#cc-modal .cc-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 8px; }
#cc-modal .cc-title{ font-size: 1.1rem; font-weight: 800; margin: 0; }
#cc-modal .cc-close{ background: transparent; border: none; font-size: 1.5rem; line-height:1; cursor:pointer; color: var(--cc-text); }
#cc-modal .cc-desc{ margin: 0 0 12px; color: var(--color-body-text, #4b5563); }

#cc-modal .cc-list{ display:grid; gap:10px; margin-bottom: 14px; }
#cc-modal .cc-item{
  display:grid; grid-template-columns: auto 1fr auto; gap:10px; align-items:center;
  border:1px solid var(--cc-border); border-radius: 12px; padding: 10px 12px;
}
#cc-modal .cc-item h4{ margin:0; font-size: 1rem; }
#cc-modal .cc-item p{ margin:0; font-size: .9rem; color: var(--color-body-text, #6b7280); }

/* Toggle */
.cc-switch {
  position: relative; width: 48px; height: 28px;
}
.cc-switch input {
  opacity: 0; width: 0; height: 0;
}
.cc-slider {
  position: absolute; cursor: pointer; inset:0; background: #ddd; border-radius:999px; transition: .2s;
  border:1px solid var(--cc-border);
}
.cc-slider:before {
  content:""; position: absolute; height: 22px; width: 22px; left: 3px; top: 50%; transform: translateY(-50%);
  background: #fff; border-radius: 50%; transition: .2s; box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
input:checked + .cc-slider { background: var(--cc-primary); border-color: var(--cc-primary); }
input:checked + .cc-slider:before { transform: translate(20px, -50%); }

/* Disabled (Gerekli) */
.cc-switch input:disabled + .cc-slider{ background: #c7c7c7; border-color: #c7c7c7; cursor:not-allowed; }
.cc-switch input:disabled + .cc-slider:before{ background:#f5f5f5; }

#cc-modal .cc-actions{ display:flex; gap:10px; justify-content:flex-end; }
#cc-modal .cc-btn{ padding: 10px 14px; border-radius:10px; cursor:pointer; font-weight:600; border:1px solid var(--cc-border); background:#fff; color: var(--cc-text); }
#cc-modal .cc-btn:hover{ filter: brightness(.98); }
#cc-modal .cc-btn-primary{ background: var(--cc-primary); border-color: var(--cc-primary); color:#fff; }
#cc-modal .cc-btn-primary:hover{ filter: brightness(.95); }