/*
Theme Name: Terminale Zorg
Theme URI: https://terminalezorg.nl
Author: Zinster
Author URI: https://zinster.nl
Description: Blokkenthema voor Stichting Vrijwilligers Terminale Zorg.
Version: 0.6.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: terminalezorg
*/

/* ---------- Basis ---------- */
:root {
	--stz-schaduw: 0 4px 5px rgba(0, 0, 0, 0.25);
	--stz-menu-bp-gap: clamp(18px, calc(18px + (100vw - 1200px) * 0.0917), 40px);
}
html { scroll-behavior: smooth; scroll-padding-top: 188px; }
body { -webkit-font-smoothing: antialiased; overflow-x: clip; }
:where(a, button, input, summary):focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--blauw);
	outline-offset: 3px;
}
.wp-block-post-content > .alignfull,
.wp-block-post-content > .alignfull + * { margin-block-start: 0; }

/* ---------- Knoppen ---------- */
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.wp-block-button.is-style-wit .wp-block-button__link {
	background: var(--wp--preset--color--wit);
	color: var(--wp--preset--color--roze);
}
.wp-block-button.is-style-wit .wp-block-button__link:hover,
.wp-block-button.is-style-wit .wp-block-button__link:focus {
	background: var(--wp--preset--color--wit);
	color: var(--wp--preset--color--blauw);
}
.wp-block-button.is-style-pijl .wp-block-button__link::after,
.wp-block-button.is-style-telefoon .wp-block-button__link::before,
.wp-block-button.is-style-mail .wp-block-button__link::before,
.wp-block-post-navigation-link a::before,
.wp-block-post-navigation-link a::after,
.stz-icoon-telefoon::before,
.stz-icoon-mail::before {
	content: "";
	flex: none;
	display: inline-block;
	background: currentColor;
	-webkit-mask: var(--stz-icoon) center / contain no-repeat;
	mask: var(--stz-icoon) center / contain no-repeat;
}
.wp-block-button.is-style-pijl .wp-block-button__link::after {
	--stz-icoon: url(assets/img/chevron.svg);
	width: 12px;
	height: 18px;
}
.wp-block-button.is-style-telefoon .wp-block-button__link::before {
	--stz-icoon: url(assets/img/telefoon.svg);
	width: 21px;
	height: 21px;
}
.wp-block-button.is-style-mail .wp-block-button__link::before {
	--stz-icoon: url(assets/img/mail.svg);
	width: 21px;
	height: 21px;
}

/* ---------- Header ---------- */
/* Maten uit Figma: mobiel balk 88px, lip 95x27; desktop balk 104px, lip 112x32. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
	transition: transform 0.3s ease;
}
.wp-site-blocks > header.is-verborgen:not(:focus-within) {
	transform: translateY(calc(-100% - 40px));
}
@media (max-width: 600px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; }
}
/* Bovenbalk: werkgebied + social media */
.stz-topbalk {
	font-size: var(--wp--preset--font-size--klein);
	line-height: 1.4;
}
.stz-topbalk__inner {
	min-height: 48px;
	gap: 16px;
	padding-block: 10px;
}
.stz-topbalk__tekst { margin: 0; }
.stz-topbalk .wp-block-social-links.stz-topbalk__social {
	flex: none;
	gap: 8px;
	margin: 0;
}
.stz-topbalk__social .wp-social-link {
	background: var(--wp--preset--color--wit) !important;
	color: var(--wp--preset--color--blauw) !important;
	transition: transform 0.15s ease;
}
/* Facebook: alleen de "f" in plaats van het ronde logo */
.stz-topbalk__social .wp-social-link-facebook svg { opacity: 0; }
.stz-topbalk__social .wp-social-link-facebook a { position: relative; }
.stz-topbalk__social .wp-social-link-facebook a::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: url(assets/img/facebook-f.svg) center / contain no-repeat;
	mask: url(assets/img/facebook-f.svg) center / contain no-repeat;
}
.stz-topbalk__social .wp-social-link:hover { transform: scale(1.1); }
.stz-topbalk__social .wp-social-link a:focus-visible { outline-color: var(--wp--preset--color--wit); }
@media (max-width: 600px) {
	.stz-topbalk { font-size: 0.75rem; }
}

.stz-header {
	--stz-balk: 88px;
	--stz-logo-b: 136px;
	--stz-logo-top: 4px;
	--stz-lip-x: 44px;
	--stz-lip-b: 95px;
	position: relative;
	background: var(--wp--preset--color--wit);
}
/* Schaduw: op pagina's zonder hero altijd, op pagina's met hero pas na scrollen. */
.stz-header,
body header.is-gescrold .stz-header { filter: drop-shadow(var(--stz-schaduw)); }
body:has(.stz-hero) header:not(.is-gescrold) .stz-header { filter: none; }
.stz-header:has(.is-menu-open) { filter: none; }
.stz-header__inner {
	min-height: var(--stz-balk);
	gap: clamp(20px, calc(28px + (100vw - 1200px) * 0.0917), 50px);
}
.stz-header .stz-logo {
	position: relative;
	flex: none;
	align-self: flex-start;
	width: var(--stz-logo-b);
	margin: var(--stz-logo-top) 0 -40px;
}
.stz-logo a { display: block; position: relative; z-index: 1; }
.stz-logo img { display: block; width: 100%; height: auto; }
.stz-logo::before {
	content: "";
	position: absolute;
	top: calc(var(--stz-balk) - var(--stz-logo-top) - 1px);
	left: var(--stz-lip-x);
	width: var(--stz-lip-b);
	aspect-ratio: 112 / 32;
	background: var(--wp--preset--color--wit);
	-webkit-mask: url(assets/img/header-lip.svg) center / 100% 100% no-repeat;
	mask: url(assets/img/header-lip.svg) center / 100% 100% no-repeat;
}
.stz-header .stz-header__acties { gap: 18px; flex-wrap: nowrap; margin-left: auto; }
.stz-header__inner.stz-header__inner { justify-content: flex-start; }
.stz-header .wp-block-navigation { order: 3; }
.stz-header__acties .wp-block-button__link { padding: 10px; font-size: 0; gap: 0; }

/* Hamburger en kruisje uit Figma */
.stz-header .wp-block-navigation__responsive-container-open,
.stz-header .wp-block-navigation__responsive-container-close {
	width: 40px;
	height: 30px;
	padding: 0;
	color: var(--wp--preset--color--blauw);
}
.stz-header .wp-block-navigation__responsive-container-open svg,
.stz-header .wp-block-navigation__responsive-container-close svg { display: none; }
.stz-header .wp-block-navigation__responsive-container-open::before,
.stz-header .wp-block-navigation__responsive-container-close::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: currentColor;
	-webkit-mask: var(--stz-icoon) center / contain no-repeat;
	mask: var(--stz-icoon) center / contain no-repeat;
}
.stz-header .wp-block-navigation__responsive-container-open::before { --stz-icoon: url(assets/img/menu.svg); }
.stz-header .wp-block-navigation__responsive-container-close::before { --stz-icoon: url(assets/img/sluiten.svg); }

/* Menu klapt in onder 1200px (WordPress doet dat standaard pas onder 600px). */
@media (min-width: 600px) and (max-width: 1199.98px) {
	.stz-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.stz-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
/* Uitklapmenu */
.stz-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 24px var(--wp--style--root--padding-right) 40px var(--wp--style--root--padding-left);
	background: var(--wp--preset--color--wit);
	color: var(--wp--preset--color--blauw);
}
.stz-header .is-menu-open .wp-block-navigation__responsive-container-close { top: 5px; right: 0; }
.stz-header .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 90px; align-items: stretch; }
.stz-header .is-menu-open :is(.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content) { width: 100%; }
.stz-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content :is(.wp-block-navigation__container, .wp-block-page-list) { width: 100%; gap: 0; align-items: stretch; }
.stz-header .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--preset--color--blauw); }
.stz-header .is-menu-open .wp-block-navigation-item {
	width: 100%;
	border-top: 1px solid var(--wp--preset--color--roze);
}
.stz-header .is-menu-open :is(.wp-block-navigation__container, .wp-block-page-list) > .wp-block-navigation-item:last-child { border-bottom: 1px solid var(--wp--preset--color--roze); }
.stz-header .wp-block-navigation .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content.wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 18px 0;
	font-size: 1.25rem;
}
.stz-header .wp-block-navigation-item__content:hover,
.stz-header .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--roze); }

@media (min-width: 1200px) {
	.stz-header {
		--stz-balk: 104px;
		--stz-logo-b: 176px;
		--stz-logo-top: 0px;
		--stz-lip-x: 59px;
		--stz-lip-b: 112px;
	}
	.stz-header .stz-header__inner > .wp-block-navigation { order: 0; margin-left: auto; }
	.stz-header .wp-block-navigation__container { gap: var(--stz-menu-bp-gap); }
	.stz-header .stz-header__acties { margin-left: 0; gap: clamp(16px, calc(16px + (100vw - 1200px) * 0.058), 30px); }
	.stz-header__acties .wp-block-button__link { padding: 10px 20px; font-size: 1rem; gap: 10px; white-space: nowrap; }
}

/* ---------- Hero ---------- */
.stz-hero {
	--stz-foto-h: clamp(148px, 26.74vw, 385px);
	position: relative;
	overflow: hidden;
}
.stz-hero > .stz-hero__foto {
	position: absolute;
	top: 0;
	right: 0;
	left: 42%;
	height: var(--stz-foto-h);
	margin: 0;
	max-width: none;
	-webkit-mask:
		radial-gradient(circle calc(var(--stz-foto-h) * 1.04) at calc(var(--stz-foto-h) * 1.04) 47%, #000 99.6%, transparent 100%),
		linear-gradient(#000, #000) right / calc(100% - var(--stz-foto-h) * 1.04) 100% no-repeat;
	mask:
		radial-gradient(circle calc(var(--stz-foto-h) * 1.04) at calc(var(--stz-foto-h) * 1.04) 47%, #000 99.6%, transparent 100%),
		linear-gradient(#000, #000) right / calc(100% - var(--stz-foto-h) * 1.04) 100% no-repeat;
}
.stz-hero__foto img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.stz-hero__foto::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(30, 52, 130, 0) 52%, rgba(30, 52, 130, 0.85) 88%, #1e3482 100%);
	pointer-events: none;
}
.stz-hero > .stz-hero__vlak {
	position: relative;
	box-sizing: border-box;
	width: 91%;
	min-height: 200px;
	margin-top: calc(var(--stz-foto-h) * 0.72);
	padding: 40px 12% 40px var(--wp--style--root--padding-left);
	color: var(--wp--preset--color--wit);
}
.stz-hero__vlak::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--wp--preset--gradient--roze-oranje);
	mix-blend-mode: multiply;
	-webkit-mask: url(assets/img/hero-vlak.svg) right center / auto 100% no-repeat;
	mask: url(assets/img/hero-vlak.svg) right center / auto 100% no-repeat;
}
.stz-hero__vlak > * { position: relative; max-width: 669px; }
.stz-hero__vlak :is(h1, h2) {
	color: var(--wp--preset--color--wit);
	font-size: clamp(1.25rem, 0.875rem + 1.53vw, 2.25rem);
}
.stz-hero__vlak > * + * { margin-block-start: 14px; }
@media (min-width: 782px) {
	.stz-hero > .stz-hero__foto { left: calc(50% + 21px); }
	.stz-hero > .stz-hero__vlak {
		width: 66%;
		min-height: var(--stz-foto-h);
		margin-top: calc(var(--stz-foto-h) * 0.2);
		padding: clamp(28px, 3.26vw, 47px) clamp(60px, 11.9vw, 171px) 34px var(--wp--style--root--padding-left);
	}
}
@media (min-width: 1200px) {
	.stz-hero > .stz-hero__vlak { width: 63.2%; }
}
@media (min-width: 1440px) {
	.stz-hero > .stz-hero__vlak {
		width: calc(50% + 190px);
		padding-left: max(var(--wp--style--root--padding-left), calc((100vw - 1300px) / 2));
	}
}

/* ---------- Twee oproepen naast elkaar ---------- */
.stz-cta-duo__raster {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 30px clamp(30px, 6vw, 90px);
	padding-inline: clamp(0px, calc((100vw - 1000px) * 0.07), 30px);
}
.stz-cta-duo__raster > * { margin: 0; }
.stz-cta { gap: clamp(24px, 3.5vw, 51px); }
.stz-cta > .wp-block-image {
	flex: none;
	width: clamp(130px, 40%, 225px);
	margin: 0;
}
.stz-cta > .wp-block-group { max-width: 261px; }
.stz-cta :is(h2, h3) { font-size: clamp(1.09rem, 0.89rem + 0.82vw, 1.625rem); }
.stz-cta p { font-size: clamp(0.875rem, 0.83rem + 0.19vw, 1rem); }
.stz-cta .wp-block-group > * + * { margin-block-start: clamp(20px, 2.1vw, 30px); }

/* ---------- Drie rondjes (bijv. personen) ---------- */
.stz-cta-trio__raster {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 50px clamp(30px, 5vw, 70px);
}
.stz-cta-trio__raster > * { margin: 0; }
.stz-cta.stz-cta--onder { gap: clamp(20px, 2.1vw, 30px); text-align: center; }
.stz-cta--onder > .wp-block-image { width: clamp(160px, 70%, 225px); margin: 0; }
.stz-cta--onder > .wp-block-group { max-width: 320px; }
.stz-cta--onder .wp-block-group > .stz-cta__functie {
	margin-block-start: 4px;
	color: var(--wp--preset--color--roze);
	font-weight: 600;
}
.stz-cta--onder .wp-block-buttons { justify-content: center; }

/* Ronde foto */
.wp-block-image.is-style-rounded img { aspect-ratio: 1; object-fit: cover; width: 100%; height: auto; }

/* ---------- Tekst met ronde foto ---------- */
.stz-tekst-foto { gap: clamp(30px, 9vw, 130px); }
.stz-tekst-foto .wp-block-image { margin: 0 0 0 auto; max-width: 531px; }
@media (max-width: 781px) {
	.stz-tekst-foto .wp-block-image { margin-inline: auto; }
}

/* Kaart (Google Maps) in plaats van de ronde foto: rechthoek met afgeronde hoeken */
.stz-kaart-rond {
	aspect-ratio: 4 / 3;
	width: 100%;
	max-width: 531px;
	margin: 0 0 0 auto;
	border-radius: var(--wp--custom--radius--beeld);
	overflow: hidden;
	isolation: isolate; /* zorgt dat Safari de iframe netjes binnen de afgeronde hoeken houdt */
}
.stz-kaart-rond iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 781px) {
	.stz-kaart-rond { margin-inline: auto; }
}

/* ---------- Veelgestelde vragen: accordeon (Details-blok) ---------- */
/* Geldt voor elk Details-blok, zodat de klant overal een accordeon kan toevoegen. */
.wp-block-details {
	--stz-plus: 36px;
	border-top: 1px solid var(--wp--preset--color--roze);
}
.wp-block-details:not(:has(+ .wp-block-details)) { border-bottom: 1px solid var(--wp--preset--color--roze); }
.wp-block-details + .wp-block-details { margin-block-start: 0; }
.wp-block-details > summary {
	position: relative;
	display: block;
	list-style: none;
	cursor: pointer;
	padding: 18px calc(var(--stz-plus) + 20px) 18px 0;
	color: var(--wp--preset--color--blauw);
	font-size: clamp(1.0625rem, 0.99rem + 0.3vw, 1.25rem);
	font-weight: 700;
	line-height: 1.4;
	transition: color 0.15s ease;
}
.wp-block-details > summary::-webkit-details-marker { display: none; }
.wp-block-details > summary:hover,
.wp-block-details[open] > summary { color: var(--wp--preset--color--roze); }
/* Plus-icoon in een roze cirkel; wordt een min als de vraag open staat. */
.wp-block-details > summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: var(--stz-plus);
	height: var(--stz-plus);
	margin-top: calc(var(--stz-plus) / -2);
	border-radius: 50%;
	background:
		linear-gradient(var(--wp--preset--color--wit), var(--wp--preset--color--wit)) center / 14px 2px no-repeat,
		linear-gradient(var(--wp--preset--color--wit), var(--wp--preset--color--wit)) center / 2px 14px no-repeat,
		var(--wp--preset--color--roze);
	transition: background-size 0.2s ease, background-color 0.15s ease;
}
.wp-block-details > summary:hover::after { background-color: var(--wp--preset--color--blauw); }
.wp-block-details[open] > summary::after { background-size: 14px 2px, 2px 0, auto; }
.wp-block-details > summary + * { margin-block-start: 0; }
.wp-block-details > :not(summary) { padding-right: calc(var(--stz-plus) + 20px); }
.wp-block-details > :last-child:not(summary) { margin-block-end: 26px; }
@media (max-width: 600px) {
	.wp-block-details > :not(summary) { padding-right: 0; }
}
/* Soepel open- en dichtklappen in browsers die dat ondersteunen. */
@media (prefers-reduced-motion: no-preference) {
	@supports (interpolate-size: allow-keywords) {
		.wp-block-details { interpolate-size: allow-keywords; }
		.wp-block-details::details-content {
			height: 0;
			overflow: clip;
			transition: height 0.25s ease, content-visibility 0.25s allow-discrete;
		}
		.wp-block-details[open]::details-content { height: auto; }
	}
}

/* Indeling: onderwerp links, vragen rechts */
.stz-faq__groep { gap: clamp(10px, 6vw, 90px); }
.stz-faq__groep + .stz-faq__groep { margin-block-start: var(--wp--preset--spacing--50); }
@media (min-width: 782px) {
	.stz-faq__groep > .wp-block-column:first-child > :first-child {
		position: sticky;
		top: 140px;
		margin-top: 8px;
	}
}
.stz-faq__vraag {
	gap: 24px 40px;
	margin-block-start: var(--wp--preset--spacing--50);
	padding: clamp(30px, 4vw, 50px) clamp(24px, 5vw, 70px);
	border-radius: var(--wp--custom--radius--beeld);
}
.stz-faq__vraag > .wp-block-group > * + * { margin-block-start: 10px; }

/* ---------- Zo vraagt u hulp aan ---------- */
.stz-hulp > * { max-width: 1300px; }
.stz-stappen {
	counter-reset: stz-stap;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px clamp(24px, 4vw, 60px);
	margin-block-start: var(--wp--preset--spacing--40);
}
@media (max-width: 781px) {
	.stz-stappen { grid-template-columns: minmax(0, 1fr); }
}
.stz-stappen > .stz-stap { margin: 0; }
.stz-stap {
	counter-increment: stz-stap;
	position: relative;
	padding-left: 68px;
}
.stz-stap::before {
	content: counter(stz-stap);
	position: absolute;
	top: -6px;
	left: 0;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--wp--preset--gradient--roze-oranje);
	color: var(--wp--preset--color--wit);
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1;
}
.stz-stap > * + * { margin-block-start: 10px; }
.stz-hulp__onder {
	gap: 24px 40px;
	margin-block-start: var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--roze);
}

.stz-hulp__noot { margin-block-start: var(--wp--preset--spacing--40); }

/* Lijststijl met vinkjes */
.wp-block-list.is-style-vinkjes { list-style: none; padding-left: 0; }
.is-style-vinkjes > li { position: relative; padding-left: 32px; }
.is-style-vinkjes > li + li { margin-top: 6px; }
.is-style-vinkjes > li::before {
	content: "";
	position: absolute;
	top: 0.45em;
	left: 0;
	width: 18px;
	height: 15px;
	background: var(--wp--preset--color--roze);
	-webkit-mask: url(assets/img/vinkje.svg) center / contain no-repeat;
	mask: url(assets/img/vinkje.svg) center / contain no-repeat;
}

/* ---------- Nieuws ---------- */
.stz-nieuws .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(40px, 6vw, 90px) clamp(24px, 4.8vw, 69px);
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (max-width: 1023.98px) {
	.stz-nieuws .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639.98px) {
	.stz-nieuws .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
}
.stz-nieuws .wp-block-post { margin: 0; }
.stz-nieuws .wp-block-post > * { margin-block: 0; }
.stz-nieuws .wp-block-post > * + * { margin-top: 10px; }
.stz-nieuws .wp-block-post-featured-image { margin-bottom: 10px; }
.stz-nieuws .wp-block-post-featured-image :is(img, a) { display: block; border-radius: var(--wp--custom--radius--beeld); }
.stz-nieuws .wp-block-post-excerpt { margin-top: 27px; }
.stz-nieuws .wp-block-post-excerpt__excerpt { margin: 0; }
.wp-block-query-pagination { margin-top: clamp(40px, 6vw, 80px); gap: 12px; }
.wp-block-query-pagination a,
.wp-block-query-pagination .current {
	padding: 6px 14px;
	border-radius: var(--wp--custom--radius--knop);
	text-decoration: none;
	font-weight: 700;
	color: var(--wp--preset--color--blauw);
}
.wp-block-query-pagination .current { background: var(--wp--preset--color--roze); color: var(--wp--preset--color--wit); }

.stz-nieuwsdetail { box-shadow: var(--stz-schaduw); position: relative; }
.stz-nieuwsdetail .wp-block-columns { gap: 30px; }
.stz-nieuwsdetail .wp-block-post-featured-image img,
.wp-block-post-featured-image.is-standaardbeeld img { border-radius: var(--wp--custom--radius--beeld); display: block; }
@media (max-width: 781px) {
	.stz-nieuwsdetail .wp-block-columns { flex-direction: column-reverse; }
}
.stz-nieuwsnavigatie { gap: 20px clamp(20px, 8vw, 120px); }
.wp-block-post-navigation-link a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-radius: var(--wp--custom--radius--knop);
	background: var(--wp--preset--color--roze);
	color: var(--wp--preset--color--wit);
	font-weight: 700;
	line-height: 1.375;
	text-decoration: none;
	transition: background-color 0.15s ease;
}
.wp-block-post-navigation-link a:hover,
.wp-block-post-navigation-link a:focus { background: var(--wp--preset--color--blauw); color: var(--wp--preset--color--wit); }
.wp-block-post-navigation-link a::before,
.wp-block-post-navigation-link a::after { --stz-icoon: url(assets/img/chevron.svg); width: 12px; height: 18px; }
.post-navigation-link-previous a::before { transform: scaleX(-1); }
.post-navigation-link-previous a::after,
.post-navigation-link-next a::before { display: none; }

/* ---------- Footer ---------- */
.stz-footer a { text-decoration: underline; text-underline-offset: 2px; }
.stz-footer a:hover { color: var(--wp--preset--color--roze); }
.stz-footer__kolommen {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: 24px 16px;
	line-height: 2;
}
.stz-footer__kolommen > * { margin: 0; }
.stz-footer__kolommen :is(p, ul, h3, h4) { margin: 0; }
.stz-footer__kolommen ul { padding: 0; list-style: none; }
.stz-footer__kolommen :is(h3, h4) { color: var(--wp--preset--color--blauw); font-size: 1rem; line-height: 2; }
.stz-icoon-telefoon,
.stz-icoon-mail { display: flex; align-items: center; gap: 9px; }
.stz-icoon-telefoon::before { --stz-icoon: url(assets/img/telefoon.svg); width: 20px; height: 20px; }
.stz-icoon-mail::before { --stz-icoon: url(assets/img/mail.svg); width: 24px; height: 24px; }
.stz-footer__logos { gap: 24px; align-items: flex-start; flex-wrap: nowrap; margin-top: 12px; }
.stz-footer__logos .wp-block-image { margin: 0; min-width: 0; }
.stz-footer__logos img { display: block; max-width: 100%; height: auto; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; }
}