/* ──────────────────────────────────────────────────────────────────────
   Cookie consent banner — shared by index.html and privacy.html.
   Colours fall back to literals so the file works on any page, whether
   or not that page defines the site's custom properties.
   ────────────────────────────────────────────────────────────────────── */

.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:990;
  max-width:1040px;margin:0 auto;
  background:var(--white,#ffffff);
  border:1px solid rgba(200,155,65,.55);
  border-radius:20px;
  box-shadow:0 24px 60px rgba(44,23,72,.28);
  padding:22px 26px;
  display:none;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.cookie-banner.open{display:flex;animation:cookie-in .35s ease both}
/* The success dialog traps focus while it is open; the banner steps aside
   rather than sitting on top of it, and returns when the dialog closes. */
body.modal-open .cookie-banner{display:none}
@keyframes cookie-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.cookie-copy{flex:1 1 400px;min-width:0}
.cookie-copy h2{
  font-family:var(--display,'Marcellus',serif);font-weight:400;
  font-size:19px;line-height:1.25;color:var(--royal-deep,#3b1f5e);margin:0 0 6px
}
.cookie-copy p{font-size:14px;line-height:1.6;color:#5a4a7d;margin:0}
.cookie-copy a{
  color:var(--royal,#5b2d8e);font-weight:600;
  text-decoration:underline;text-underline-offset:2px
}
.cookie-copy a:hover{color:var(--royal-deep,#3b1f5e)}

.cookie-actions{display:flex;gap:12px;flex:0 0 auto;flex-wrap:wrap}
.cookie-actions .btn{padding:13px 28px;font-size:14.5px;justify-content:center}

/* "Cookie settings" in the footer — a button that reads as a footer link. */
.cookie-settings-btn{
  font:inherit;color:inherit;background:none;border:none;padding:0;
  cursor:pointer;text-align:left
}
.cookie-settings-btn:hover{color:#fff}

@media(max-width:640px){
  .cookie-banner{left:12px;right:12px;bottom:12px;padding:20px;gap:18px}
  .cookie-actions{width:100%}
  .cookie-actions .btn{flex:1 1 140px}
}

@media (prefers-reduced-motion: reduce){
  .cookie-banner.open{animation:none}
}