/* Toestemmingsbanner, gedeeld door alle pagina's. Los bestand omdat de
   landingspagina zijn stijl inline houdt maar de banner overal hetzelfde
   moet zijn. De opbouw gebeurt in consent.js. */
.consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 40; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; max-width: 720px; margin: 0 auto; padding: 16px 18px; border: 1px solid #dbd2bb; border-radius: 14px; background: #f5f1e6; box-shadow: 0 10px 30px rgba(22,36,31,.14); font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif; }
.consent-text { flex: 1; min-width: 240px; margin: 0; font-size: 13.5px; line-height: 1.45; color: #55665f; }
.consent-text a { color: #14432d; }
.consent-actions { display: flex; gap: 8px; }
.consent button { min-height: 42px; padding: 0 18px; border: 1px solid #ddd6c4; border-radius: 10px; background: #fff; font: inherit; font-size: 14px; font-weight: 650; color: #16241f; cursor: pointer; }
/* Geen gevulde donkergroene knop hier: die kleur is van "Ik doe mee", de enige
   actie op de pagina die we echt willen. De toestemmingsknop mag herkenbaar zijn
   maar niet met de hoofdactie concurreren — vandaar een omlijnde variant, die
   bovendien even zwaar weegt als "Liever niet". */
.consent button[data-consent="grant"] { border-color: #1f6342; color: #14432d; font-weight: 700; }
.consent button:focus-visible { outline: 3px solid #1f6342; outline-offset: 3px; }

/* Op mobiel blijft de banner onderaan staan, net als op desktop. Hij stond
   een tijd bovenaan omdat hij onderaan klem zat tussen het aanmeldformulier en
   de vaste CTA-balk; die balk staat nu zelf bovenaan, dus de onderkant is vrij. */
@media (max-width: 620px) {
  .consent { bottom: 8px; left: 8px; right: 8px; gap: 10px; padding: 12px 14px; }
  .consent-text { min-width: 0; font-size: 12.5px; line-height: 1.4; }
  .consent-actions { width: 100%; }
  .consent-actions button { flex: 1; min-height: 40px; padding: 0 12px; font-size: 13.5px; }
}
