/* Cookiemelding — gedeeld door alle pagina's.
   Geen native browserdialoog: een eigen, niet-blokkerende balk onderin. */

.cookiebar {
  position: fixed; z-index: 90;
  left: 16px; right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  max-width: 660px; margin-inline: auto;
  background: var(--surface, #fff); color: var(--text, #14171B);
  border: 1px solid var(--line, #DDDFE3); border-top: 4px solid var(--red, #C4161C);
  border-radius: var(--radius, 6px);
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .5);
  padding: 22px 24px;
  display: flex; flex-direction: column; gap: 14px;
  animation: cookiebar-in .32s ease-out both;
}
.cookiebar[hidden] { display: none !important; }
@keyframes cookiebar-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .cookiebar { animation: none; } }

.cookiebar h2 {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase; font-size: 22px; font-weight: 700;
  line-height: 1; margin: 0;
}
.cookiebar p { font-size: 15px; line-height: 1.55; color: var(--muted, #5F6772); margin: 0; }
.cookiebar a { color: var(--red, #C4161C); }
.cookiebar .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.cookiebar .actions .btn { font-size: 15px; padding: 11px 20px; }
.cookiebar .actions a.plain {
  font-family: "Barlow Condensed", sans-serif; text-transform: uppercase;
  letter-spacing: .08em; font-weight: 600; font-size: 15px; color: var(--muted, #5F6772);
}
.cookiebar .actions a.plain:hover { color: var(--red, #C4161C); }