/* Eigen stijlaanpassingen van deze site.
   Wordt automatisch ingeladen door de mu-plugin ssi-custom, met een cache-buster op de
   wijzigingsdatum — je hoeft dus niets te legen na een deploy.
   Houd het klein en gericht: dit laadt op elke pagina. */

/* ── Nette weergave voor kale pagina's/berichten ──────────────────────────────────────────────
   Hoort bij ssi-custom/native-header.php. De transparante site-header is gemaakt om over een
   donkere hero te liggen; standaard pagina's/berichten hebben die niet, waardoor de header wegvalt
   (wit-op-wit) en de inhoud eronder schuift. Deze regels geven de header een egale achtergrond en
   maken ruimte. Grijpt alleen aan op body.ssi-bare-page, dus de ontworpen full-width-pagina's en
   de evenement-pagina's blijven ongemoeid. */

/* Egale achtergrond voor de anders-transparante header (zelfde kleur als tijdens het scrollen),
   zodat het witte logo en het menu weer zichtbaar zijn. Alleen binnen de header, niet in de
   inhoud (die kan ook Elementor-secties bevatten). */
body.ssi-bare-page header.jupiterx-header .elementor-top-section {
	background-color: #54595f !important;
}

/* Ruimte onder de (nu egale) header, zodat de inhoud er niet meer onder verdwijnt. */
body.ssi-bare-page .jupiterx-main {
	padding-top: 180px;
}

@media (max-width: 767px) {
	body.ssi-bare-page .jupiterx-main {
		padding-top: 110px;
	}
}

/* De teruggezette pagina-/berichttitel netjes tonen. */
body.ssi-bare-page .ssi-bare-title {
	max-width: 1140px;
	margin: 0 auto 1.2rem;
	padding: 0 20px;
	font-size: 2.2rem;
	line-height: 1.2;
	color: #222;
}