/* Huis voor Geluk: site-brede aanvullingen op de Divi-stylesheets (handmatig onderhouden, niet door PurgeCSS). */

/* Sticky header via CSS i.p.v. Divi sticky-elements.js; js/site.js zet alleen de klasse et_pb_sticky. */
#page-container { overflow-x: hidden; overflow-x: clip; }
header.et-l--header { position: sticky; top: 0; z-index: 99; }

/* Lazy-afbeeldingen met width:auto (Divi) hebben vóór het laden geen afmeting en worden dan nooit geladen. */
img[loading="lazy"] { min-width: 1px; min-height: 1px; }

/* Semantische koppen met het uiterlijk van de oorspronkelijke Divi-stijl (toegankelijke kopvolgorde). */
.et_pb_text_inner h2.hvg-subtitle, h2.hvg-subtitle {
    font-weight: 700; font-size: 28px !important; line-height: 1.3em !important; color: #CA4197 !important;
}
/* Decoratieve slogans waren <h5>; nu <p> met dezelfde handschrift-stijl. */
p.hvg-tagline {
    font-family: 'Just Another Hand', handwriting; font-size: 40px; font-weight: 500; line-height: 1.3em;
    letter-spacing: 2px; color: #7AB545 !important; padding-bottom: 10px !important;
}
@media only screen and (max-width: 767px) { p.hvg-tagline { font-size: 36px; } }
.et_pb_text_inner h1.hvg-h1-plain { text-transform: none; font-size: 42px; line-height: 1.3em; }
@media only screen and (max-width: 767px) { .et_pb_text_inner h1.hvg-h1-plain { font-size: 30px; } }

/* Links in lopende tekst onderscheidbaar maken (niet alleen via kleur). */
.et-l--footer .et_pb_text a { text-decoration: underline; }
.et_pb_text_inner h3.hvg-h4, h3.hvg-h4 {
    font-size: 25px !important; font-weight: 700; line-height: 1.3em !important; color: #7AB545 !important;
}

/* hCaptcha wordt pas bij interactie geladen (js/site.js): ruimte reserveren tegen layout shift. */
.h-captcha { min-height: 78px; }
p.hvg-tagline.hvg-tagline-plain { font-family: 'Nunito Sans', Helvetica, Arial, Lucida, sans-serif; font-size: 22px; letter-spacing: normal; }