/* Simple cookie consent banner styles */
.cookie-consent-banner{
  position:fixed;
  left:12px;
  right:12px;
  bottom:18px;
  background: #fff;
  border-radius:12px;
  box-shadow: 0 12px 36px rgba(2,6,23,0.12);
  padding:14px 16px;
  display:flex;
  gap:12px;
  align-items:center;
  z-index:1200;
  max-width:1100px;
  margin:0 auto;
}
.cookie-consent-banner .cc-text{ flex:1; color:var(--text); line-height:1.4; }
.cookie-consent-banner .cc-actions{ display:flex; gap:8px; align-items:center }
.cookie-consent-banner .cc-btn{ cursor:pointer; padding:8px 12px; border-radius:10px; border:1px solid rgba(0,0,0,0.06); background:transparent; font-weight:700 }
.cookie-consent-banner .cc-btn.primary{ background:rgb(124,58,237); color:#fff; border-color:transparent }
.cookie-consent-banner .cc-btn.ghost{ background:transparent; color:var(--muted); }

@media (max-width:720px){
  .cookie-consent-banner{ left:8px; right:8px; bottom:12px; padding:12px; flex-direction:column; align-items:stretch }
  .cookie-consent-banner .cc-actions{ justify-content:flex-end }
}

/* Preferences modal */
.cc-overlay{
  position:fixed; inset:0; background:rgba(2,6,23,0.45); display:grid; place-items:center; z-index:1250;
}
.cc-panel{
  background:var(--card-bg, #fff); border-radius:12px; padding:18px; width:min(720px,calc(100% - 36px)); box-shadow:0 18px 60px rgba(2,6,23,0.2);
}
.cc-panel h3{ margin:0 0 8px; font-size:18px }
.cc-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid rgba(0,0,0,0.04) }
.cc-row:first-of-type{ border-top:0; }
.cc-toggle{ display:flex; align-items:center; gap:10px }
.cc-toggle input[type="checkbox"]{ width:44px; height:24px; appearance:none; background:#e6e6e6; border-radius:999px; position:relative; outline:none; cursor:pointer }
.cc-toggle input[type="checkbox"]:after{ content:''; position:absolute; left:3px; top:3px; width:18px; height:18px; background:#fff; border-radius:50%; transition:transform .18s }
.cc-toggle input[type="checkbox"]:checked{ background:rgb(124,58,237) }
.cc-toggle input[type="checkbox"]:checked:after{ transform:translateX(20px) }

/* Small floating settings button to reopen preferences */
.cookie-settings-btn{
  position:fixed; right:12px; bottom:86px; z-index:1300; background:rgba(0,0,0,0.66); color:#fff; padding:8px 10px; border-radius:999px; font-size:13px; box-shadow:0 10px 30px rgba(2,6,23,0.18);
}