/* De cookiebanner (assets/toestemming.js), voor de site en de planner. Zelfstandig: de planner laadt site.css
 * niet, dus hier geen --td-variabelen maar de waarden zelf (dezelfde als in site.css). Fixed onderaan, zonder
 * vaste hoogte: op een smal scherm stapelen tekst en knoppen. Verborgen met [hidden], nooit alleen met een
 * transform. De twee knoppen hebben bewust dezelfde stijl: weigeren is even makkelijk als akkoord gaan.
 * z-index boven de werkbalken en panelen van de planner. */
.td-cookies {
  position: fixed; z-index: 2147483000; left: 18px; right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  max-width: 760px; margin: 0 auto; padding: 18px 20px; box-sizing: border-box;
  display: flex; flex-direction: column; gap: 14px;
  background: #fffcf7; color: #1c2b24;
  border: 1px solid #ddd6c8; border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 38, 28, .06), 0 18px 48px rgba(16, 38, 28, .18);
  max-height: calc(100vh - 36px); overflow-y: auto;
  font: 400 16px/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  text-align: left;
}
.td-cookies[hidden] { display: none; }
.td-cookies-titel {
  margin: 0 0 6px; font: 600 1.1rem/1.25 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  color: #10261c; letter-spacing: -.01em;
}
.td-cookies p { margin: 0; font-size: .92rem; line-height: 1.5; }
.td-cookies a { color: #1f7a38; }
.td-cookies-knoppen { display: flex; flex-wrap: wrap; gap: 10px; }
.td-cookies-knop {
  flex: 1 1 160px; min-height: 48px; padding: 12px 22px; box-sizing: border-box;
  border: 1px solid transparent; border-radius: 999px; background: #10261c; color: #fff;
  font: 650 1rem/1.2 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; cursor: pointer;
}
.td-cookies-knop:hover { background: #14602c; }
.td-cookies-knop:focus-visible, .td-cookies a:focus-visible { outline: 3px solid #1f7a38; outline-offset: 3px; }
@media (min-width: 680px) {
  .td-cookies { flex-direction: row; align-items: center; gap: 22px; }
  .td-cookies-knoppen { flex: 0 0 auto; flex-direction: column; }
  .td-cookies-knop { flex: 0 0 auto; min-width: 190px; }
}