/* Brug tussen nieuw design (site.css) en bestaande Laravel-contentpagina's.
   Geladen ná stayles.css en site.css, alleen op layout-pagina's. */

/* vaste nav overlapt anders de content */
body { padding-top: 64px; }

/* pagina's met een page-hero regelen die ruimte zelf (hero loopt onder de nav door) */
body:has(.page-hero) { padding-top: 0; }

/* Laravel-pagina's gebruiken .reveal met .visible (IntersectionObserver in layout),
   site.css verwacht .is-in — zonder dit blijft content onzichtbaar */
.reveal.visible, .reveal-stagger.visible { opacity: 1; transform: none; }
.reveal-stagger { opacity: 1; }

/* oude navbar/footer-restanten neutraliseren als stayles.css ze nog stylet */
.navbar, .footer { all: revert; }

/* navbar.css (via stayles.css) zet Poppins met !important op body — hier terugpakken */
body { font-family: var(--font-body) !important; }
h1, h2, h3 { font-family: var(--font-display) !important; }
.eyebrow, .mono, .amount, .chip, .crumb, .post-meta,
.kb-azbar a, .kb-azbar span, .svc-counter { font-family: var(--font-mono) !important; }
.btn { font-family: var(--font-body) !important; }

/* content-links in de huisstijl */
main a:not(.btn) { color: inherit; }

/* formulierelementen op contentpagina's */
input[type="search"], input[type="text"]:not(#myForm input), select, textarea { font-family: var(--font-body); }