/* Zwevende header (branding.header_floating = true in het siteprofiel).
   Wordt alleen geladen als die instelling aan staat.
   De hele header blijft bovenaan; js/header-floating.js schuift de bovenbalk
   (telefoon/e-mail) weg en zet een schaduw zodra er gescrold wordt. */

header.floating {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1000;
	transition: box-shadow .25s ease;
}

header.floating .main-header {
	background-color: #fff;
}

header.floating.is-scrolled {
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
}

@media (prefers-reduced-motion: reduce) {
	header.floating { transition: none; }
}