@import url("../assets/css/responsive.css");
/* Cookie Consent styles - professional, accessible, responsive */
:root{
  --cc-bg:#0b0b0c; --cc-fg:#fff; --cc-muted:rgba(255,255,255,.8);
  --cc-accent:#2E86C1; --cc-accent-2:#1ABC9C; --cc-border:rgba(255,255,255,.12);
}

/* Bottom bar */
.cc-banner{position:fixed; inset:auto 0 0 0; background:var(--cc-bg); color:var(--cc-fg); z-index:2147483000; box-shadow:0 -10px 30px rgba(0,0,0,.4);}
.cc-inner{max-width:1100px; margin:0 auto; padding:14px 16px; display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.cc-text{flex:1 1 480px; font-size:.95rem; line-height:1.4}
.cc-text a{color:#a7d2ff; text-decoration:underline}
.cc-actions{display:flex; gap:10px; flex-wrap:wrap}
.cc-btn{appearance:none; border-radius:999px; padding:10px 16px; font-weight:700; cursor:pointer; border:1px solid transparent; background:#fff; color:#111}
.cc-btn.primary{background:var(--cc-accent); color:#fff}
.cc-btn.secondary{background:transparent; border-color:var(--cc-border); color:#fff}
.cc-btn.ghost{background:transparent; color:#fff}
.cc-btn:hover{filter:brightness(1.05)}

@media (max-width:640px){.cc-inner{padding:12px}.cc-text{flex:1 1 100%}}

/* Preferences modal */
.cc-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:2147483646; display:none}
.cc-modal{position:fixed; inset:10% auto auto 50%; transform:translateX(-50%); width:min(720px, 92vw); background:#111; color:#fff; border:1px solid var(--cc-border); border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.5); z-index:2147483647; display:none}
.cc-modal header{display:flex; justify-content:space-between; align-items:center; padding:16px 18px; border-bottom:1px solid var(--cc-border)}
.cc-modal h2{margin:0; font-size:1.25rem}
.cc-modal .cc-body{padding:14px 18px 4px}
.cc-modal .cc-row{display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px dashed var(--cc-border)}
.cc-modal .cc-row:last-child{border-bottom:0}
.cc-modal .cc-desc{max-width:68ch; opacity:.9}
.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:#333; transition:.2s; border-radius:999px; border:1px solid var(--cc-border)}
.cc-slider:before{content:""; position:absolute; height:22px; width:22px; left:3px; top:2px; background:white; border-radius:50%; transition:.2s}
.cc-switch input:checked + .cc-slider{background:var(--cc-accent)}
.cc-switch input:checked + .cc-slider:before{transform:translateX(20px)}
.cc-switch input:disabled + .cc-slider{background:#444; opacity:.7}
.cc-modal footer{display:flex; gap:10px; justify-content:flex-end; padding:12px 18px; border-top:1px solid var(--cc-border)}
.cc-close{background:transparent; color:#fff; border:0; font-size:1.2rem; cursor:pointer}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){.cc-modal,.cc-backdrop,.cc-banner{transition:none !important; animation:none !important}}