
/* consent.css — dark theme */
:root{ --bg:#0b0b0d; --card:#15161a; --muted:#9aa3ad; --text:#eef7ff; --accent:#00ccff; --accent-2:#00a6cf; --danger:#ff5757; }
.gdpr-banner{
  position: fixed; left: 1rem; right: 1rem; bottom: 1rem;
  background: var(--card); color: var(--text); border: 1px solid #222; border-radius: 16px;
  padding: 1rem; display: flex; gap: 1rem; align-items: center; z-index: 99999; box-shadow: 0 10px 30px rgba(0,0,0,.4);
  max-width: 980px; margin: 0 auto;
}
.gdpr-banner-text{ flex:1; font-size: 0.95rem; line-height: 1.4; }
.gdpr-banner-actions{ display: flex; gap: .5rem; flex-wrap: wrap; }
.btn{ border:0; padding:.6rem .9rem; border-radius: 999px; cursor:pointer; font-weight:600; }
.btn.primary{ background: var(--accent); color:#001018; }
.btn.primary:hover{ background: var(--accent-2); }
.btn.ghost{ background: transparent; color: var(--text); border:1px solid #333; }
.btn.light{ background: #fff; color:#000; }
.btn.outline{ background: transparent; border:1px solid var(--accent); color: var(--accent); }
.btn.secondary{ background:#262a33; color:#e8eef7; }

.gdpr-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; z-index:99999; padding: 1rem; }
.gdpr-panel{ width:min(680px, 100%); background:var(--card); color:var(--text); border-radius:20px; border:1px solid #222; padding:1rem 1rem 1.2rem; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.gdpr-title{ font-size:1.25rem; margin:.2rem 0 .2rem; }
.gdpr-intro{ color: var(--muted); font-size:.95rem; margin-top:.2rem; }
.gdpr-list{ margin: .6rem 0 1rem; display:flex; flex-direction:column; gap:.6rem; }
.gdpr-row{ display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#111317; border:1px solid #23252c; border-radius:14px; padding:.8rem 1rem; }
.gdpr-row-title{ font-weight:600; }
.gdpr-row-desc{ color:var(--muted); font-size:.9rem; margin-top:.2rem; }
.gdpr-actions{ display:flex; gap:.5rem; justify-content:flex-end; margin-top:.8rem; }
.gdpr-close{ position:absolute; top:.6rem; right:1rem; background:transparent; border:0; color:#8893a0; font-size:1.6rem; cursor:pointer; }
.switch{ position:relative; display:inline-block; width:52px; height:28px; }
.switch input{ display:none; }
.slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#343843; transition:.2s; border-radius:999px; }
.slider:before{ position:absolute; content:""; height:22px; width:22px; left:3px; top:3px; background:white; transition:.2s; border-radius:50%; }
.switch input:checked + .slider{ background: var(--accent); }
.switch input:checked + .slider:before{ transform: translateX(24px); }
#open-privacy-center{ text-decoration: underline; cursor:pointer; }
