/* SmartHub 2026 - ritme in lopende tekstpagina's
 *
 * `base.css` bevat de reset van het concept, `.sh-sectie *{margin:0;padding:0}`. Die is bedoeld
 * voor de opgemaakte secties, waar elk blok zijn eigen ruimte regelt. In een pagina met lopende
 * tekst pakt hij verkeerd uit: koppen en alinea's plakken dan aan elkaar, want ook de
 * standaardmarges van h2, h3, p, ul en li vallen weg.
 *
 * Deze regels geven dat ritme terug, alleen binnen een tekstkolom en zonder de opgemaakte
 * elementen te raken: ze gelden niet voor `.fusion-title` (dat zijn Avada-koppen met eigen
 * marge-instellingen uit de builder) en niet in de hero.
 *
 * LET OP de selector: rauwe HTML in een Avada-kolom komt NIET in een `.fusion-text`-wrapper
 * terecht, maar staat direct in `.fusion-column-wrapper`. Gemeten met `m2m-shots/dom-pad.mjs`;
 * een selector op `.fusion-text` matcht hier dus niets.
 *
 * Geldt voor het cookiebeleid, het privacybeleid en de van de oude site overgenomen pagina's.
 */

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > h2,
.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > h3,
.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > h4 {
	margin-top: 34px;
	margin-bottom: 12px;
	line-height: 1.2;
}

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > h2:first-child,
.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > h3:first-child {
	margin-top: 0;
}

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > p {
	margin-bottom: 16px;
}

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > ul,
.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > ol {
	margin: 0 0 18px;
	padding-left: 22px;
	list-style: disc outside;
}

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper > ol { list-style: decimal outside; }

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper li {
	margin-bottom: 8px;
	line-height: 1.55;
}

/* Een video uit de oude site (de bedankpagina) mag niet buiten de kolom vallen. */
.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper figure {
	margin: 0 0 18px;
}

.sh-sectie:not(.sh-donkere-hero) .fusion-column-wrapper video {
	max-width: 100%;
	height: auto;
	border-radius: var(--radius, 22px);
}