/* =========================================================
   Zero-Waste Festivals · cookie banner (all pages)
   Accept and Reject look the same; the banner never covers the page.
   ========================================================= */
.consent {
  position: fixed; left: 16px; bottom: 16px; z-index: 500;
  width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow-y: auto;
  background: #fff; color: #1a1f2e; border: 1px solid #dfe3ea; border-radius: 16px;
  box-shadow: 0 18px 50px rgba(10, 20, 40, .22);
  padding: 20px 20px 18px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: .92rem; line-height: 1.55;
}
.consent[hidden] { display: none !important; }
.consent h2 { font-family: "Poppins", "Inter", system-ui, sans-serif; font-size: 1.02rem; line-height: 1.35; margin: 0 0 8px; color: #123a8f; outline: none; }
.consent p { margin: 0 0 14px; color: #3d4554; }
.consent a { color: #123a8f; font-weight: 600; }
.consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.consent-actions button {
  min-height: 44px; padding: 10px 14px; border-radius: 999px; cursor: pointer;
  font: 600 .95rem/1.2 "Inter", system-ui, sans-serif;
  background: #123a8f; color: #fff; border: 2px solid #123a8f;
}
.consent-actions button:hover { background: #0d2a68; border-color: #0d2a68; }
.consent :focus-visible { outline: 2px solid #e0552b; outline-offset: 3px; }
@media (max-width: 520px) {
  .consent { left: 8px; right: 8px; bottom: 8px; width: auto; padding: 16px 16px 14px; font-size: .88rem; }
}
@media (max-width: 380px) {
  .consent { padding: 14px 14px 12px; font-size: .82rem; line-height: 1.45; }
  .consent h2 { font-size: .94rem; margin-bottom: 6px; }
  .consent p { margin-bottom: 10px; }
}