/* Cookiebanner (zie /js/consent.js). Gebruikt de tokens uit /style.css. */
.cc{position:fixed;z-index:1000;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));
  margin-inline:auto;max-width:560px;box-sizing:border-box;
  background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:22px;
  padding:18px 20px 16px;box-shadow:0 18px 40px -20px rgba(80,10,40,.45);font-size:15px;line-height:1.5}
.cc[hidden]{display:none}
.cc-title{font:700 12px var(--wide);text-transform:uppercase;letter-spacing:.12em;color:var(--cherry);margin:0 0 6px}
.cc-text{margin:0 0 14px;overflow-wrap:anywhere}
.cc-text a{color:var(--cherry);font-weight:700}
.cc-btns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
/* beide knoppen even groot en even opvallend */
.cc .cc-btn{width:100%;text-align:center;cursor:pointer;padding:13px 10px;background:var(--paper);color:var(--ink);border-color:var(--ink)}
.cc .cc-btn:hover{transform:none;background:var(--ink);color:var(--paper)}
.cc .cc-btn[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
@media (prefers-reduced-motion:no-preference){.cc{animation:cc-in .25s ease-out}}
@keyframes cc-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
/* ruimte vrijhouden zolang de banner open is (consent.js reserve) */
html.has-cc{scroll-padding-bottom:calc(var(--cc-h, 0px) + 24px)}
html.has-cc body{padding-bottom:calc(var(--cc-h, 0px) + 24px)}
/* compact op kleine schermen */
@media (max-width:480px){
  .cc{padding:12px 14px;font-size:14px;line-height:1.45;border-radius:18px}
  .cc-title{font-size:11px;margin-bottom:4px}
  .cc-text{margin-bottom:10px}
  .cc .cc-btn{padding:11px 6px;letter-spacing:.02em}
}
@media (max-height:480px){.cc{padding:10px 14px;font-size:13.5px}.cc-text{margin-bottom:8px}.cc .cc-btn{padding:9px 6px}}
@media print{.cc{display:none}}