/* =========================================================================
   LTB Connect – aanvullingen voor WordPress (niet in de statische site)
   ========================================================================= */

/* Honeypot tegen spam: onzichtbaar voor bezoekers en schermlezers. */
.formulier__hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Foutmelding na versturen. */
.formulier__melding--fout strong { color: var(--c-fout); }
.formulier__melding a { color: inherit; }

/* Ingelogd: ruimte voor de WordPress-balk boven de sticky header. */
.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 0); }

/* Cookiebanner (inc/cookies.php): onderaan in beeld, zonder de pagina te blokkeren. */
.cookiebanner { position: fixed; z-index: 60; left: var(--s-4); right: var(--s-4); bottom: var(--s-4); display: flex; justify-content: center; pointer-events: none; }
.cookiebanner[hidden] { display: none; }
.cookiebanner__inner { pointer-events: auto; width: 100%; max-width: 40rem; padding: var(--s-6); border-radius: var(--r-m); background: var(--c-wit); color: var(--c-navy); box-shadow: var(--schaduw-zweef); border: 1px solid var(--c-rand); }
.cookiebanner__titel { font-family: var(--font-kop); font-weight: var(--fw-kop-s); font-size: var(--fs-h4); }
.cookiebanner__tekst { margin-top: var(--s-2); font-size: var(--fs-s); color: var(--c-ink-zacht); }
.cookiebanner__tekst a { color: inherit; text-decoration: underline; }
.cookiebanner__knoppen { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-5); }
@media (min-width: 48em) { .cookiebanner { left: auto; right: var(--s-6); bottom: var(--s-6); } .cookiebanner__inner { max-width: 30rem; } }

/* Knop "Cookie-instellingen" in de footer, opgemaakt als de andere juridische links. */
.site-footer__cookies { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-decoration-color: var(--c-rand-op-donker); }
.site-footer__cookies:hover { text-decoration-color: currentColor; }