/* === Brand tokens (edit these 4 and you're done) === */
:root{
  --brand-bg: #ffffff;        /* banner card background */
  --brand-text: #1f2937;      /* regular body text color */
  --brand-primary: #0f4aa8;   /* main brand (Accept button, links) */
  --brand-accent: #ffcc00;    /* secondary accent (Customize button) */
  /* auto shades (optional fine tuning) */
  --brand-primary-hover: #0b3a84;
  --brand-accent-hover: #e6b800;
  --brand-neutral: #9aa3af;   /* Decline button base */
  --brand-neutral-hover: #6b7280;
  --elev-shadow: 0 6px 20px rgba(0,0,0,.15);
}

/* === Cookie Banner Card === */
#cookie-consent{
  position: fixed; left: 0; right: 0; bottom: -120px;
  max-width: 800px; margin: 0 auto 20px;
  background: var(--brand-bg); color: var(--brand-text);
  padding: 20px 24px; font-size: 15px; line-height: 1.55; text-align: center;
  border-radius: 12px; box-shadow: var(--elev-shadow);
  transition: bottom .5s ease, opacity .3s ease; opacity: 0; z-index: 9999;
}
#cookie-consent.show{ bottom:0; opacity:1; }

.cookie-actions{ margin-top: 12px; display:flex; flex-wrap: wrap; gap:10px; justify-content:center; }

#cookie-consent button{
  border: none; padding: 10px 18px; border-radius: 8px;
  font-size:14px; font-weight:600; cursor:pointer; transition: filter .2s ease, background .2s ease;
}
#accept-cookies{ background: var(--brand-primary); color:#fff; }
#accept-cookies:hover{ background: var(--brand-primary-hover); }

#decline-cookies{ background: var(--brand-neutral); color:#fff; }
#decline-cookies:hover{ background: var(--brand-neutral-hover); }

#customize-cookies{ background: var(--brand-accent); color:#111827; }
#customize-cookies:hover{ background: var(--brand-accent-hover); }

#cookie-consent a{
  color: var(--brand-primary);
  text-decoration: none; font-weight: 600;
}
#cookie-consent a:hover{ text-decoration: underline; }

/* === Modal === */
#cookie-modal{
  position: fixed; inset:0; display:none; place-items:center; z-index:10000;
  background: rgba(0,0,0,.45);
}
#cookie-modal.show{ display:grid; }
.cookie-modal-card{
  width:min(92vw,520px);
  background: var(--brand-bg); color: var(--brand-text);
  border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.25);
  padding: 20px 22px;
}
.cookie-modal-card h3{ margin:0 0 6px 0; }
.cookie-modal-card .row{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 0; border-bottom:1px solid rgba(0,0,0,.06);
}
.cookie-modal-card .row:last-of-type{ border-bottom: none; }
.modal-actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }
.modal-actions button{
  background: var(--brand-primary); color:#fff;
  border:none; padding:10px 16px; border-radius:8px; font-weight:700; cursor:pointer;
}
.modal-actions .ghost{ background:#eef2f7; color: var(--brand-text); }
.modal-actions button:hover{ filter:brightness(.92); }