/* ══════════════════════════════════════════════════════════
   COOKIEMELDING
   Weigeren is even makkelijk als accepteren: dezelfde maat,
   dezelfde opmaak, één klik. Dat is geen vormkeuze maar een
   eis — een knop die wegduikt maakt de toestemming ongeldig.
   ══════════════════════════════════════════════════════════ */
.ck{
  position:fixed; left:0; right:0; bottom:0; z-index:300;
  background:rgba(16,17,23,.97);
  backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
  box-shadow:0 -20px 50px -30px rgba(0,0,0,.9);
}
.ck[hidden]{ display:none !important; }

.ck-in{
  max-width:var(--max); margin:0 auto;
  padding:1.1rem var(--pad);
  display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap;
}

.ck-tekst{ flex:1 1 22rem; min-width:0; }
.ck-tekst strong{
  display:block; font-size:.9375rem; font-weight:600;
  color:var(--text); margin-bottom:.25rem;
}
.ck-tekst p{
  margin:0; font-size:.875rem; color:var(--muted);
  max-width:56rem; line-height:1.55;
}
.ck-tekst a{ color:var(--signal); text-decoration:none;
             border-bottom:1px solid rgba(255,107,53,.34); }
.ck-tekst a:hover{ border-bottom-color:var(--signal); }

.ck-knoppen{ display:flex; gap:.6rem; flex:none; }
.ck-knop{
  font-family:var(--sans); font-size:.875rem; font-weight:600;
  padding:.7rem 1.4rem; min-width:9rem;
  border:1px solid var(--line); border-radius:3px;
  background:var(--panel-3); color:var(--text);
  cursor:pointer; white-space:nowrap;
  transition:border-color .18s var(--ease-mid), background .18s var(--ease-mid);
}
.ck-knop:hover{ border-color:var(--signal); background:var(--panel); }
.ck-knop:focus-visible{ outline:2px solid var(--signal); outline-offset:2px; }

@media (max-width:620px){
  .ck-in{ gap:1rem; }
  .ck-knoppen{ width:100%; }
  .ck-knop{ flex:1; min-width:0; padding:.8rem .6rem; }
}

/* de ingang om later van gedachten te veranderen, in de voet */
.ck-open{
  font-family:var(--mono); font-size:.6875rem; font-weight:500;
  letter-spacing:.07em; text-transform:uppercase; color:var(--muted);
  background:none; border:0; padding:0; cursor:pointer;
  position:relative; text-align:left;
}
.ck-open::after{ content:""; position:absolute; inset:-14px -8px; }
.ck-open:hover{ color:var(--text); }
.ck-open:focus-visible{ outline:2px solid var(--signal); outline-offset:3px; }