/* Cookiemelding (Taak 9, assets/js/toestemming.js). Links onder: rechtsonder blijft vrij voor een chatbot. */
.toestemming {
  position: fixed;
  left: var(--s-4);
  bottom: var(--s-4);
  z-index: var(--z-cookie);
  width: min(420px, calc(100% - 2 * var(--s-4)));
  max-height: calc(100vh - 2 * var(--s-4));
  overflow: auto;
  padding: var(--s-5);
  background: var(--papier);
  color: var(--ink);
  border: 1px solid var(--lijn);
  border-radius: var(--r-kaart);
  box-shadow: var(--sch-menu);
  font-size: var(--t-klein);
}
.toestemming[hidden] { display: none; }
.toestemming__kop { margin: 0 0 var(--s-2); font-size: var(--t-tekst); font-weight: 700; letter-spacing: 0; }
.toestemming p { margin: 0 0 var(--s-4); color: var(--ink-zacht); }
.toestemming a { color: var(--violet-700); }
/* Weigeren en Accepteren: zelfde stijl en breedte, even prominent */
.toestemming__knoppen { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3); }
.toestemming__knoppen .knop { width: 100%; }

.voet__cookies {
  padding: 0;
  border: 0;
  background: none;
  color: var(--op-donker);
  font: inherit;
  cursor: pointer;
}
.voet__cookies:hover { text-decoration: underline; }