/* Wandel Feest Hoeksche Waard, terugblik-site.
 * Kleuren: logo-oranje #F39200 en logo-groen #3AAA35 alleen als vlak of grote kop (halen op wit geen 4,5:1),
 * donkeroranje #A85700 en donkergroen #267023 voor tekst, links en knoppen.
 * Het opvallende element is de stempelkaart; de rest blijft rustig. */

:root {
	--wf-oranje: #F39200;
	--wf-oranje-donker: #A85700;
	--wf-groen: #3AAA35;
	--wf-groen-donker: #267023;
	--wf-groen-diep: #10260F;
	--wf-perzik: #FFCC80;
	--wf-creme: #FFF6E2;
	--wf-munt: #F3FDF0;
	--wf-papier: #FFFDF6;
	--wf-tekst: #2E2E2E;
	--wf-hore: var(--wp--preset--font-family--hore);
	--wf-rand: clamp(1rem, 4vw, 2.5rem);
}

/* Hore heeft ligaturen die rare letters geven (e en a als sierletter), net als op de oude site overal uitgezet. */
* { font-variant-ligatures: none; }

body { background: #fff; }
img { max-width: 100%; height: auto; }

:where(a, button, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wf-groen-donker);
	outline-offset: 3px;
	border-radius: 4px;
}

.wf-skip {
	position: absolute; left: 1rem; top: -4rem; z-index: 100;
	background: var(--wf-tekst); color: #fff; padding: .6rem 1rem; border-radius: 6px;
}
.wf-skip:focus { top: 1rem; }

.wf-verborgen-kop, .wf-verborgen-svg {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip-path: inset(50%); white-space: nowrap; margin: 0; padding: 0;
}

.wf-main { margin-block-start: 0; }
.wf-main > * { margin-block-start: 0; }
/* Secties sluiten naadloos op elkaar aan (geen blokafstand tussen vlakken). */
.wp-block-post-content > .alignfull { margin-block: 0; }

/* ---------- Header ---------- */
.wf-header { background: #fff; position: relative; z-index: 5; }
.wf-header__bar {
	max-width: 1200px; margin: 0 auto; padding: .6rem var(--wf-rand);
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.wf-header__logo img { width: 116px; display: block; }
.wf-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: clamp(.9rem, 3vw, 2rem); }
.wf-nav a {
	color: var(--wf-tekst); text-decoration: none; font-weight: 700; font-size: 1.0625rem;
	padding-block: .4rem; border-bottom: 3px solid transparent;
}
.wf-nav a:hover, .wf-nav a[aria-current="page"] { border-bottom-color: var(--wf-oranje); color: var(--wf-tekst); }

/* ---------- Hero ---------- */
.wf-hero {
	background: var(--wf-groen);
	padding-top: clamp(2rem, 5vw, 4rem);
	padding-bottom: clamp(2rem, 4vw, 3rem);
	position: relative;
}
.wf-hero__kolommen { align-items: center !important; gap: clamp(1.5rem, 4vw, 3.5rem) !important; margin: 0; }
.wf-hero__datum {
	display: inline-block; margin: 0 0 1.25rem;
	background: var(--wf-creme); color: var(--wf-tekst);
	font-weight: 700; font-size: var(--wp--preset--font-size--klein);
	padding: .35rem .9rem; border-radius: 999px;
}
/* Wit met een oranje rand, zoals de letters in het logo. */
h1.wf-hero__kop {
	color: #fff;
	font-size: var(--wp--preset--font-size--kop-xl);
	line-height: .98;
	margin: 0;
	text-wrap: balance;
	text-shadow:
		.045em 0 0 var(--wf-oranje), -.045em 0 0 var(--wf-oranje), 0 .045em 0 var(--wf-oranje), 0 -.045em 0 var(--wf-oranje),
		.032em .032em 0 var(--wf-oranje), -.032em .032em 0 var(--wf-oranje), .032em -.032em 0 var(--wf-oranje), -.032em -.032em 0 var(--wf-oranje),
		.07em .09em 0 var(--wf-oranje-donker);
}
.wf-hero--smal h1.wf-hero__kop { font-size: var(--wp--preset--font-size--kop-l); }
.wf-hero--smal { padding-bottom: clamp(2.25rem, 5vw, 3.5rem); }
.wf-hero { z-index: 2; }
.wf-hero__kolommen { align-items: flex-end !important; }
.wf-hero .wp-block-column:last-child { position: relative; translate: 0 6.5rem; }

/* Foto als afdruk: witte rand, licht gedraaid, hangt over de rand van het groene vlak. */
.wf-afdruk { margin: 0; }
.wf-afdruk img {
	display: block; width: 100%;
	border: clamp(6px, 1vw, 10px) solid #fff;
	box-shadow: 8px 8px 0 rgba(16, 38, 15, .28);
	border-radius: 4px;
}
.wf-afdruk--rechts { rotate: 2.2deg; }
.wf-afdruk--links { rotate: -1.6deg; }
.wf-afdruk--klein { rotate: -1.4deg; max-width: 420px; }
.wf-afdruk--klein img { box-shadow: 6px 6px 0 var(--wf-perzik); }
.wf-hero .wf-afdruk { position: relative; z-index: 2; }
.wf-hero__badge {
	position: absolute; z-index: 3; width: clamp(96px, 12vw, 150px); height: auto;
	left: -2.2rem; bottom: -2.4rem; rotate: -10deg;
	background: #fff; border-radius: 50%; padding: .35rem;
	box-shadow: 4px 4px 0 rgba(16, 38, 15, .22);
}

/* ---------- Secties ---------- */
.wf-sec { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.wf-sec--creme { background: var(--wf-creme); }
.wf-sec--munt { background: var(--wf-munt); }
.wf-sec--wit { background: #fff; }
.wf-sec--na-hero { padding-top: calc(var(--wp--preset--spacing--60) + 4rem); }
.wf-sec--logos { background: #fff; padding-top: var(--wp--preset--spacing--50); border-top: 2px dashed var(--wf-perzik); }

.wf-sec h2 { margin-top: 0; text-wrap: balance; }
.wf-intro { font-size: var(--wp--preset--font-size--groot); line-height: 1.55; max-width: 62ch; }
.wf-kop-klein { font-size: var(--wp--preset--font-size--kop-s) !important; text-align: center; }
.wf-kop-m { font-size: var(--wp--preset--font-size--kop-m) !important; }
.wf-kop-m a { color: inherit; text-decoration: none; }
.wf-kop-m a:hover { text-decoration: underline; text-decoration-color: var(--wf-oranje); }
.wf-handtekening {
	font-family: var(--wf-hore); color: var(--wf-oranje-donker);
	font-size: var(--wp--preset--font-size--kop-s); font-variant-ligatures: none; rotate: -2deg; display: inline-block;
}

.wf-intro-kolommen, .wf-laatste-kolommen, .wf-verder { gap: clamp(2rem, 5vw, 4.5rem) !important; align-items: center !important; }
.wf-verder { align-items: flex-start !important; }

/* Knoppen */
.wp-block-button.is-style-groen .wp-block-button__link {
	background: var(--wf-groen-donker); color: #fff;
}
.wp-block-button.is-style-groen .wp-block-button__link:hover { background: var(--wf-groen-diep); color: #fff; }
.wp-element-button { box-shadow: 3px 3px 0 var(--wf-tekst); transition: transform .12s ease, box-shadow .12s ease; }
.wp-element-button:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--wf-tekst); }
.wp-element-button:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--wf-tekst); }

/* ---------- Aftermovie ---------- */
.wf-video { margin: 0; }
.wf-video__knop, .wf-video iframe {
	display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0;
	border-radius: 14px; overflow: hidden; background: var(--wf-tekst);
}
.wf-video__knop { position: relative; cursor: pointer; box-shadow: 8px 8px 0 var(--wf-oranje); }
.wf-video__knop img { width: 100%; height: 100%; object-fit: cover; display: block; transition: scale .3s ease; }
.wf-video__knop:hover img { scale: 1.03; }
.wf-video__play {
	position: absolute; inset: 0; margin: auto; width: 84px; height: 84px; border-radius: 50%;
	background: var(--wf-oranje); box-shadow: 0 0 0 6px rgba(255, 255, 255, .85);
}
.wf-video__play::after {
	content: ""; position: absolute; left: 34px; top: 26px;
	border-style: solid; border-width: 16px 0 16px 26px; border-color: transparent transparent transparent var(--wf-tekst);
}
.wf-video iframe { box-shadow: 8px 8px 0 var(--wf-oranje); }
.wf-video__uitleg { font-size: var(--wp--preset--font-size--klein); margin-top: .9rem; color: #555; }

/* ---------- Stempelkaart ---------- */
.wf-sec--stempels { background: #fff; padding-bottom: var(--wp--preset--spacing--50); }
.wf-sec--stempels + .wf-sec--wit { padding-top: var(--wp--preset--spacing--50); }
.wf-sec--stempels > h2, .wf-sec--stempels > .wf-intro { text-align: center; margin-inline: auto !important; }
.wf-stempelkaart {
	position: relative;
	max-width: 1040px; margin: clamp(1.5rem, 4vw, 2.5rem) auto 0 !important;
	background: var(--wf-papier);
	border: 2px solid var(--wf-tekst); border-radius: 22px;
	box-shadow: 12px 12px 0 var(--wf-oranje);
	padding: clamp(1.25rem, 3vw, 2.25rem) clamp(1rem, 3vw, 2.5rem) clamp(1.5rem, 3.5vw, 2.75rem);
}
.wf-stempelkaart__kop {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem;
	border-bottom: 2px dashed rgba(46, 46, 46, .35); padding-bottom: .9rem; margin-bottom: clamp(1.25rem, 3vw, 2rem);
}
.wf-stempelkaart__kop p { margin: 0; }
.wf-stempelkaart__titel { font-family: var(--wf-hore); font-size: var(--wp--preset--font-size--kop-s); color: var(--wf-groen-donker); }
.wf-stempelkaart__naam { font-weight: 700; font-size: var(--wp--preset--font-size--klein); }

.wf-stempels {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2rem);
}
.wf-stempel { text-align: center; }
.wf-stempel__inkt {
	--inkt: var(--wf-oranje-donker);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	width: min(100%, 150px); aspect-ratio: 1; margin: 0 auto .9rem;
	border-radius: 50%;
	border: 5px double var(--inkt);
	box-shadow: inset 0 0 0 7px var(--wf-papier), inset 0 0 0 9px var(--inkt);
	color: var(--inkt);
	filter: url(#wf-inkt);
	rotate: -6deg;
}
.wf-stempel:nth-child(2) .wf-stempel__inkt { --inkt: var(--wf-groen-donker); rotate: 5deg; }
.wf-stempel:nth-child(3) .wf-stempel__inkt { rotate: -2deg; }
.wf-stempel:nth-child(4) .wf-stempel__inkt { --inkt: var(--wf-groen-donker); rotate: 8deg; }
.wf-stempel__nr { font-weight: 700; font-size: .8125rem; letter-spacing: .02em; }
.wf-stempel__jaar { font-family: var(--wf-hore); font-size: clamp(1.75rem, 3.2vw, 2.4rem); line-height: 1; margin-top: .15rem; }
.wf-stempel__laatste { font-family: var(--wf-hore); font-size: 1rem; line-height: 1; margin-top: .2rem; }
.wf-stempel__tekst { font-size: var(--wp--preset--font-size--klein); line-height: 1.45; margin: 0; }
.wf-stempel__tekst strong { display: block; font-size: 1rem; }

/* De laatste stempel: groter, schever, in logo-oranje over de rand van het vak. */
.wf-stempel--laatste .wf-stempel__inkt {
	--inkt: #C24E00;
	width: min(112%, 172px); margin-top: -.6rem; rotate: -13deg;
	border-width: 6px;
}

.wf-stempelkaart.is-klaar-om-te-stempelen .wf-stempel--laatste .wf-stempel__inkt { opacity: 0; scale: 1.9; }
.wf-stempelkaart.is-gestempeld .wf-stempel--laatste .wf-stempel__inkt { animation: wf-stempel .5s cubic-bezier(.3, 1.5, .5, 1) .25s forwards; }
@keyframes wf-stempel {
	0% { opacity: 0; scale: 1.9; }
	55% { opacity: 1; scale: .94; }
	100% { opacity: 1; scale: 1; }
}

/* ---------- Dagverloop ---------- */
.wf-dag { list-style: none; margin: clamp(1.5rem, 4vw, 2.5rem) 0 0; padding: 0; position: relative; }
/* De gestippelde route loopt door het midden van de foto's. */
.wf-dag::before {
	content: ""; position: absolute; left: 59px; top: 60px; bottom: 60px;
	border-left: 4px dashed var(--wf-oranje);
}
.wf-dag__stap { display: grid; grid-template-columns: 122px 1fr; gap: clamp(1rem, 3vw, 2rem); align-items: center; position: relative; }
.wf-dag__stap + .wf-dag__stap { margin-top: clamp(1.25rem, 3vw, 2rem); }
.wf-dag__stap img {
	width: 122px; height: 122px; object-fit: cover; border-radius: 50%;
	border: 5px solid #fff; box-shadow: 0 0 0 3px var(--wf-groen); position: relative;
}
.wf-dag__stap p { margin: .3rem 0 0; }
h3.wf-dag__kop { margin: 0; font-size: var(--wp--preset--font-size--kop-s); }

/* ---------- Fotogalerij ---------- */
.wf-sec--fotos h2, .wf-sec--fotos .wf-intro { max-width: 1200px; }
.wp-block-gallery.has-nested-images.wf-galerij {
	display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px !important;
	margin-top: 2rem;
}
.wp-block-gallery.has-nested-images.wf-galerij > figure.wp-block-image {
	width: auto !important; margin: 0 !important; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 6px;
	background: var(--wf-creme);
}
.wp-block-gallery.has-nested-images.wf-galerij > figure[hidden] { display: none !important; }
.wf-galerij figure img, .wf-galerij__open img {
	width: 100% !important; height: 100% !important; object-fit: cover !important; display: block;
}
.wf-galerij__open {
	display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in;
}
.wf-galerij__open img { transition: scale .25s ease; }
.wf-galerij__open:hover img { scale: 1.04; }
.wf-galerij__open:focus-visible { outline-offset: -4px; }
.wf-galerij__meer { display: block; margin: 2rem auto 0; border: 0; cursor: pointer; }

/* Lightbox */
.wf-lightbox {
	width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0;
	background: rgba(20, 20, 20, .94); color: #fff;
}
.wf-lightbox::backdrop { background: rgba(20, 20, 20, .6); }
.wf-lightbox[open] { display: grid; place-items: center; }
.wf-lightbox__figuur { margin: 0; text-align: center; }
.wf-lightbox__figuur img { max-width: min(92vw, 1400px); max-height: 84dvh; width: auto; height: auto; border-radius: 4px; }
.wf-lightbox__teller { margin-top: .6rem; font-size: var(--wp--preset--font-size--klein); }
.wf-lightbox__knop, .wf-lightbox__sluit {
	position: fixed; border: 0; cursor: pointer; border-radius: 50%;
	width: 52px; height: 52px; font-size: 2rem; line-height: 1;
	background: #fff; color: var(--wf-tekst); display: grid; place-items: center;
}
.wf-lightbox__vorige { left: max(1rem, 2vw); top: 50%; translate: 0 -50%; }
.wf-lightbox__volgende { right: max(1rem, 2vw); top: 50%; translate: 0 -50%; }
.wf-lightbox__sluit { right: max(1rem, 2vw); top: max(1rem, 2vh); background: var(--wf-oranje); }
.wf-lightbox :focus-visible { outline-color: var(--wf-perzik); }

/* ---------- Logo's ---------- */
.wf-logos {
	list-style: none; margin: 1.75rem auto 0; padding: 0; max-width: 1100px;
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.5rem clamp(1.5rem, 4vw, 3.25rem);
}
.wf-logos img { height: var(--h, 56px); max-width: 190px; width: auto; display: block; object-fit: contain; }
.wf-logos a { display: block; transition: scale .15s ease; }
.wf-logos a:hover { scale: 1.05; }

/* ---------- Nieuws ---------- */
.wf-nieuws__lijst { list-style: none; margin: 0; padding: 0; }
.wf-nieuws--kort .wf-nieuws__lijst > li { padding: .9rem 0; border-bottom: 2px dashed rgba(168, 87, 0, .3); }
.wf-nieuws--kort .wf-nieuws__lijst > li:first-child { padding-top: 0; }
.wf-nieuws__datum { font-size: var(--wp--preset--font-size--klein); color: #5b5b5b; }
.wf-nieuws__titel { margin: .15rem 0 0; font-size: var(--wp--preset--font-size--groot) !important; line-height: 1.25; }
.wf-nieuws--kort .wf-nieuws__titel { font-family: var(--wp--preset--font-family--bellota); font-weight: 700; }
.wf-nieuws__titel a { color: var(--wf-tekst); text-decoration: none; }
.wf-nieuws__titel a:hover { color: var(--wf-oranje-donker); text-decoration: underline; }
.wf-nieuws--kort .wf-nieuws__titel a { color: var(--wf-tekst); }
.wf-meer { margin-top: 1rem; font-weight: 700; }

.wf-nieuws:not(.wf-nieuws--kort) .wf-nieuws__item {
	display: grid; grid-template-columns: 240px 1fr; gap: clamp(1rem, 3vw, 2rem); align-items: start;
	padding: clamp(1.25rem, 3vw, 1.75rem) 0; border-bottom: 2px dashed rgba(168, 87, 0, .3);
}
.wf-nieuws:not(.wf-nieuws--kort) li:first-child .wf-nieuws__item { padding-top: 0; }
.wf-nieuws__foto { margin: 0; }
.wf-nieuws__foto img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; border-radius: 8px; display: block; }
.wf-nieuws__tekst > * { margin: 0; }
.wf-nieuws__tekst .wf-nieuws__titel { margin: .25rem 0 .5rem; font-family: var(--wf-hore); font-size: var(--wp--preset--font-size--kop-s) !important; line-height: 1.1; }
.wf-nieuws:not(.wf-nieuws--kort) .wf-nieuws__titel a { color: var(--wf-oranje-donker); }
.wf-nieuws__intro { font-size: 1.0625rem; }
.wf-nieuws__intro .wp-block-post-excerpt__more-text { display: none; }
.wf-paginering { margin-top: 2.5rem; font-weight: 700; gap: 1rem; }
.wf-paginering .page-numbers.current { color: var(--wf-oranje-donker); }

/* ---------- Paginakop, tekstpagina's, berichten ---------- */
.wf-paginakop {
	background: var(--wf-creme);
	padding-top: clamp(2.25rem, 6vw, 4.5rem); padding-bottom: clamp(2rem, 5vw, 3.5rem);
	border-bottom: 4px solid var(--wf-oranje);
}
.wf-paginakop h1 { margin: 0; text-wrap: balance; }
.wf-paginakop .wf-intro { margin-top: 1rem; }
.wf-tekstpagina { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); }
.wf-tekstpagina h2 { font-size: var(--wp--preset--font-size--kop-s); margin-top: 2.25rem; }

.wf-bericht { padding-bottom: var(--wp--preset--spacing--60); }
.wf-bericht__kop { background: var(--wf-creme); padding: clamp(2rem, 5vw, 3.5rem) var(--wf-rand) clamp(1.5rem, 4vw, 2.5rem); margin: 0 calc(var(--wf-rand) * -1) !important; max-width: none !important; }
.wf-bericht__kop > * { max-width: 760px; margin-inline: auto !important; }
.wf-bericht__kop h1 { margin-top: .5rem; font-size: var(--wp--preset--font-size--kop-m); text-wrap: balance; }
.wf-terug { margin: 0; font-weight: 700; font-size: var(--wp--preset--font-size--klein); }
.wf-terug a::before { content: "\2190\00a0"; }
.wf-bericht__datum { margin-top: .5rem; color: #5b5b5b; }
.wf-bericht__foto { margin-top: clamp(1.5rem, 4vw, 2.5rem) !important; }
.wf-bericht__foto img { border-radius: 12px; max-height: 560px; object-fit: cover; width: 100%; }
.wf-bericht__tekst { margin-top: 2rem !important; }
.wf-bericht__tekst h2, .wf-bericht__tekst h3, .wf-bericht__tekst h4 { margin-top: 2rem; line-height: 1.15; }
.wf-bericht__tekst h2 { font-size: var(--wp--preset--font-size--kop-s); }
.wf-bericht__tekst h3, .wf-bericht__tekst h4 { font-size: var(--wp--preset--font-size--groot); }
.wf-bericht__tekst figure img { border-radius: 8px; }
.wf-bericht__tekst blockquote { position: relative; margin: 2rem 0; padding: .25rem 0 0 3.25rem; border: 0; font-style: italic; }
.wf-bericht__tekst blockquote::before {
	content: "\201C"; position: absolute; left: 0; top: -.35rem;
	font-family: var(--wf-hore); font-style: normal; font-size: 4.5rem; line-height: 1; color: var(--wf-oranje);
}
.wf-bericht__vorige, .wf-bericht__volgende { max-width: 760px; margin-inline: auto !important; font-weight: 700; }
.wf-bericht__vorige { margin-top: 3rem !important; padding-top: 1.5rem; border-top: 2px dashed rgba(168, 87, 0, .3); }

/* ---------- Footer ---------- */
.wf-footer {
	background: var(--wf-groen); color: var(--wf-groen-diep);
	padding-top: var(--wp--preset--spacing--60); padding-bottom: 2rem;
	margin-top: 0 !important;
}
.wf-footer a { color: var(--wf-groen-diep); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.wf-footer a:hover { color: #000; }
.wf-footer__kolommen { gap: clamp(1.5rem, 4vw, 4rem) !important; }
.wf-footer h2.wf-footer__kop { color: var(--wf-groen-diep); font-size: var(--wp--preset--font-size--kop-s); margin: 0 0 1rem; }
.wf-footer__lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.wf-footer__onder {
	max-width: 1200px; margin: clamp(2rem, 5vw, 3rem) auto 0; padding-top: 1.5rem;
	border-top: 2px dashed rgba(16, 38, 15, .35);
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
}
.wf-footer__ssf { display: inline-flex; align-items: center; gap: .75rem; text-decoration: none; font-weight: 700; font-size: var(--wp--preset--font-size--klein); }
.wf-footer__ssf img { background: var(--wf-papier); padding: .4rem .6rem; border-radius: 8px; width: 160px; height: auto; }
.wf-footer__klein { margin: 0; font-size: var(--wp--preset--font-size--klein); }

/* ---------- Cookiebanner (Complianz) ----------
 * Complianz blijft de banner doen; alleen de kleuren en lettergroottes in de huisstijl en met genoeg contrast
 * (het lichtgroen met wit haalde 2,5:1). */
.cmplz-cookiebanner.cmplz-cookiebanner {
	--cmplz_button_accept_background_color: var(--wf-groen-donker);
	--cmplz_button_accept_border_color: var(--wf-groen-donker);
	--cmplz_button_accept_text_color: #fff;
	--cmplz_hyperlink_color: var(--wf-groen-donker);
	--cmplz_slider_active_color: var(--wf-groen-donker);
	--cmplz_text_color: var(--wf-tekst);
	--cmplz_text_font_size: 13px;
	--cmplz_link_font_size: 12px;
	--cmplz_category_body_font_size: 12px;
	font-family: var(--wp--preset--font-family--bellota);
}

/* ---------- Kleinere schermen ---------- */
@media (max-width: 1000px) {
	.wf-stempels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wp-block-gallery.has-nested-images.wf-galerij { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
	.wf-hero .wp-block-column:last-child { translate: 0 0; margin-bottom: -5rem; }
	.wf-hero .wf-afdruk { max-width: 440px; margin-inline: auto; }
	.wf-hero__badge { left: auto; right: -.25rem; bottom: -1.75rem; }
	.wf-sec--na-hero { padding-top: calc(var(--wp--preset--spacing--60) + 3.5rem); }
	.wf-nieuws:not(.wf-nieuws--kort) .wf-nieuws__item { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.wf-header__logo img { width: 88px; }
	.wf-nav a { font-size: 1rem; }
	.wf-stempels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wf-stempel--laatste { grid-column: 1 / -1; }
	.wf-stempel__inkt { width: min(100%, 124px); }
	.wf-stempel--laatste .wf-stempel__inkt { width: 148px; }
	.wf-stempel--laatste .wf-stempel__tekst { max-width: 22ch; margin-inline: auto; }
	.wp-block-gallery.has-nested-images.wf-galerij { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px !important; }
	.wf-dag::before { left: 43px; }
	.wf-dag__stap { grid-template-columns: 90px 1fr; }
	.wf-dag__stap img { width: 90px; height: 90px; }
	.wf-stempelkaart { box-shadow: 7px 7px 0 var(--wf-oranje); }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}