
/* Cookie banner styles - light/dark, responsive */
:root{
  --cc-bg:#222; --cc-fg:#fff; --cc-accent:#A1887F; --cc-link:#cfd8ff;
}
@media (prefers-color-scheme: light){
  :root{ --cc-bg:#333; --cc-fg:#fff; --cc-accent:#A1887F; --cc-link:#cce0ff; }
}
#cc-banner{position:fixed; left:50%; transform:translateX(-50%); bottom:18px; z-index:9999; max-width:960px; width:calc(100% - 24px); background:var(--cc-bg); color:var(--cc-fg); border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,.25);}
#cc-inner{padding:14px 12px; display:flex; gap:12px; align-items:center; flex-wrap:wrap;}
#cc-text{flex:1 1 280px; font-size:.95rem;}
#cc-text a{color:var(--cc-link); text-decoration:underline;}
.cc-actions{display:flex; gap:8px; align-items:center; margin-left:auto;}
.cc-btn{border:0; border-radius:10px; padding:10px 14px; cursor:pointer; font-weight:600;}
.cc-accept{background:var(--cc-accent); color:#fff;}
.cc-decline{background:#555; color:#fff;}
.cc-prefs{background:transparent; color:#fff; border:1px solid #777;}
#cc-prefs-panel{position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; z-index:10000; align-items:center; justify-content:center; padding:16px;}
#cc-prefs-card{background:#fff; color:#222; border-radius:14px; width:min(680px, 96%); padding:16px; box-shadow:0 12px 30px rgba(0,0,0,.35);}
#cc-prefs-card h3{margin:6px 0 12px; color:#5D4037;}
#cc-prefs-card .row{display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid #eee;}
#cc-prefs-card .row:last-child{border-bottom:0;}
.switch{position:relative; width:46px; height:26px;}
.switch input{opacity:0; width:0; height:0;}
.slider{position:absolute; cursor:pointer; inset:0; background:#ddd; border-radius:26px; transition:.2s;}
.slider:before{content:""; position:absolute; height:20px; width:20px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s;}
.switch input:checked + .slider{background:#5D4037;}
.switch input:checked + .slider:before{transform:translateX(20px);}
@media (max-width:600px){ #cc-text{font-size:.9rem;} .cc-actions{width:100%; justify-content:flex-end;} }
