/* Cookiemelding. Sober en niet schreeuwerig, want een banner die het halve
   scherm vult is precies waarom mensen ze wegklikken zonder te lezen. */

.cookie-balk{position:fixed;left:0;right:0;bottom:0;z-index:500;display:none;
  padding:16px clamp(14px,3vw,28px) calc(16px + env(safe-area-inset-bottom,0px));
  background:rgba(5,36,52,.97);backdrop-filter:blur(6px);color:#D6E9F1;
  box-shadow:0 -14px 40px rgba(0,0,0,.28);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.cookie-balk.open{display:block}
.cookie-binnen{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cookie-tekst{flex:1 1 420px;min-width:0;font-size:14px;line-height:1.6}
.cookie-tekst strong{display:block;color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  font-weight:800;font-size:16px;letter-spacing:-.01em;margin-bottom:4px}
.cookie-tekst a{color:#FFCB1F;font-weight:600}
.cookie-knoppen{display:flex;gap:10px;flex-wrap:wrap}
.cookie-knop{font-family:inherit;font-size:14px;font-weight:700;border-radius:999px;padding:11px 20px;
  cursor:pointer;border:1px solid transparent;white-space:nowrap}
.cookie-ja{background:#FFCB1F;color:#052434}
.cookie-ja:hover{background:#FFD84D}
.cookie-nee{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.cookie-nee:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.cookie-meer{background:none;border:0;color:#A8C4D0;text-decoration:underline;font-size:13.5px;
  font-family:inherit;cursor:pointer;padding:11px 4px}
.cookie-meer:hover{color:#fff}

.cookie-keuzes{display:none;max-width:1180px;margin:16px auto 0;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.14)}
.cookie-keuzes.open{display:block}
.cookie-regel{display:flex;gap:14px;align-items:flex-start;padding:12px 0;font-size:13.5px;line-height:1.55}
.cookie-regel + .cookie-regel{border-top:1px solid rgba(255,255,255,.08)}
.cookie-regel strong{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.cookie-schakel{position:relative;flex:none;width:42px;height:24px;border-radius:999px;
  background:rgba(255,255,255,.22);border:0;cursor:pointer;margin-top:2px}
.cookie-schakel::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:transform .18s ease}
.cookie-schakel[aria-checked="true"]{background:#13B36A}
.cookie-schakel[aria-checked="true"]::after{transform:translateX(18px)}
.cookie-schakel[disabled]{opacity:.55;cursor:default}

@media(max-width:760px){
  .cookie-binnen{gap:14px}
  .cookie-knoppen{width:100%}
  .cookie-knop{flex:1 1 auto;text-align:center}
}