/* Ouderenzorg is het einde — themastijlen bovenop theme.json */

:root {
	--oihe-inkt: #0E1A3D;
	--oihe-nacht: #0E1A3D;
	--oihe-creme: #FFFFFF;
	--oihe-zand: #F7C6CC;
	--oihe-papier: #FFFFFF;
	--oihe-terra: #D52B1E;
	--oihe-terra-licht: #F2B233;
	--oihe-grijs: #4B5470;
	--oihe-lijn: #DCE0EA;
	--oihe-rand: var(--wp--custom--rand, clamp(20px, 5vw, 96px));
	--oihe-ease: cubic-bezier(.2, .7, .1, 1);
	--oihe-kobalt: #1C3FAA;
	--oihe-oker: #F2B233;
	--oihe-roze: #F7C6CC;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; }
::selection { background: var(--oihe-terra-licht); color: var(--oihe-inkt); }
:where(a, button, input, summary):focus-visible { outline: 3px solid var(--oihe-terra); outline-offset: 3px; border-radius: 4px; }

h1, h2, h3, h4, .wp-block-site-title, .oihe-breed { font-stretch: 125%; }
h3, h4 { font-stretch: 112%; }
.wp-block-post-title { text-wrap: balance; }
p { text-wrap: pretty; }

/* ---------- Kop ---------- */
.oihe-kop {
	position: sticky; top: 0; z-index: 50;
	background: color-mix(in srgb, var(--oihe-creme) 88%, transparent);
	-webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
	border-bottom: 1px solid transparent;
	transition: border-color .3s, background .3s;
}
.oihe-kop.is-gescrold { border-bottom-color: var(--oihe-lijn); }
.admin-bar .oihe-kop { top: 32px; }
.oihe-merk { display: inline-flex; align-items: center; gap: 14px; color: var(--oihe-inkt); text-decoration: none; }
.oihe-merk .oihe-bord { transition: transform .5s var(--oihe-ease); }
.oihe-merk:hover .oihe-bord { transform: rotate(-6deg) scale(1.05); }
.oihe-merk__naam { font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-stretch: 112%; font-size: 19px; letter-spacing: -.01em; }
.oihe-kop .wp-block-navigation a { text-decoration: none; }
.oihe-kop .wp-block-navigation a:hover { color: var(--oihe-terra); }

/* ---------- Bovenschrift en museumlabel ---------- */
.is-style-bovenschrift, .oihe-bovenschrift {
	font-family: var(--wp--preset--font-family--archivo); font-weight: 700; font-size: 14px !important;
	letter-spacing: .12em; text-transform: uppercase; color: var(--oihe-terra);
}
.is-style-label, .oihe-label, .is-style-museum figcaption {
	font-family: var(--wp--preset--font-family--archivo); font-size: 14px; line-height: 1.5;
	color: var(--oihe-grijs); max-width: 44ch; text-align: left;
	padding-left: 14px; border-left: 2px solid var(--oihe-terra);
}
.is-style-label em, .oihe-label em, .is-style-museum figcaption em {
	font-family: var(--wp--preset--font-family--newsreader); font-size: 17px; color: var(--oihe-inkt); font-style: italic;
}
.is-style-label strong, .oihe-label strong, .is-style-museum figcaption strong { color: var(--oihe-inkt); font-weight: 700; }

/* ---------- Hero ---------- */
.oihe-hero { position: relative; }
.oihe-hero h1 { max-width: 11ch; }
.oihe-hero h1 .oihe-einde { color: var(--oihe-terra); display: inline-block; }
.oihe-hero__bord { position: absolute; right: 0; bottom: 0; width: clamp(140px, 26vw, 400px); }
.oihe-hero__bord svg { width: 100%; height: auto; transform-origin: 50% 90%; animation: oihe-wiebel 9s ease-in-out infinite; }
@keyframes oihe-wiebel { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-2.5deg); } }
@media (max-width: 781px) { .oihe-hero__bord { position: static; width: 120px; order: -1; } }

/* ---------- Kunstwerk (levend en beeld) ---------- */
.oihe-kunstwand { margin-block: 0 !important; }
.oihe-levenslijnen {
	position: relative; width: 100%; aspect-ratio: 21 / 9; min-height: 340px; max-height: 82vh;
	background: var(--oihe-creme); overflow: hidden;
}
.oihe-levenslijnen canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.oihe-levenslijnen img { width: 100%; height: 100%; object-fit: cover; display: block; }
.oihe-levenslijnen--nacht { background: var(--oihe-nacht); }

.wp-block-image.is-style-passe-partout img {
	background: var(--oihe-papier); padding: clamp(18px, 4%, 56px);
	border: 1px solid var(--oihe-lijn); box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 30px 60px -30px rgba(21,24,26,.35);
}
.wp-block-image.is-style-museum figcaption { margin-top: 16px; }
.wp-block-gallery.is-style-salon { display: block !important; columns: 3 280px; column-gap: 24px; }
.wp-block-gallery.is-style-salon > .wp-block-image { break-inside: avoid; margin: 0 0 24px !important; width: 100% !important; }
.wp-block-gallery.is-style-salon img { height: auto !important; }
.wp-block-cover.is-style-korrel::after {
	content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: .18; mix-blend-mode: multiply;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ---------- Het einde van… ---------- */
.oihe-einde-band { color: var(--oihe-creme); }
.oihe-einde-band .oihe-regel { font-style: italic; line-height: 1.15; margin: 0; }
mark.oihe-streep, .oihe-streep {
	background: none; color: inherit;
	background-image: linear-gradient(var(--oihe-terra-licht), var(--oihe-terra-licht));
	background-repeat: no-repeat; background-position: 0 58%; background-size: 0% .09em;
	transition: background-size 1.1s var(--oihe-ease);
	-webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.is-zichtbaar mark.oihe-streep, .is-zichtbaar .oihe-streep, .oihe-regel.is-zichtbaar mark { background-size: 100% .09em; }
.oihe-regel:nth-child(3) mark { transition-delay: .25s; }
.oihe-regel:nth-child(4) mark { transition-delay: .5s; }

/* ---------- Bordenstrip ---------- */
.oihe-strip { overflow: hidden; border-block: 1px solid var(--oihe-lijn); padding-block: 22px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.oihe-strip__rij { display: flex; gap: 64px; width: max-content; margin: 0; padding: 0; list-style: none; animation: oihe-loop 60s linear infinite; }
.oihe-strip:hover .oihe-strip__rij { animation-play-state: paused; }
.oihe-strip__item { display: flex; align-items: center; gap: 16px; font-family: var(--wp--preset--font-family--archivo); font-weight: 700; font-stretch: 112%; font-size: 18px; white-space: nowrap; }
@keyframes oihe-loop { to { transform: translateX(-50%); } }

/* ---------- Kaarten (toolkits) ---------- */
.is-style-kaart, .oihe-kaart {
	background: var(--oihe-papier); border: 1px solid var(--oihe-lijn); border-radius: 22px;
	padding: clamp(24px, 3vw, 36px) !important; height: 100%; box-sizing: border-box;
	transition: transform .5s var(--oihe-ease), box-shadow .5s var(--oihe-ease);
	position: relative;
}
.is-style-kaart:hover, .oihe-kaart:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -34px rgba(21,24,26,.45); }
.is-style-kaart:hover .oihe-bord, .oihe-kaart:hover .oihe-bord { transform: rotate(-5deg); }
.oihe-bord { transition: transform .6s var(--oihe-ease); max-width: 100%; height: auto; }
.oihe-bordhouder { display: inline-block; line-height: 0; }
.oihe-kaart .wp-block-post-title a { color: var(--oihe-inkt); text-decoration: none; }
.oihe-kaart .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; border-radius: 22px; }
.oihe-kaart .wp-block-post-excerpt { color: #3A4044; }
.oihe-kaart .wp-block-post-excerpt__more-text { display: none; }
.oihe-soortregel { margin: 0; font-family: var(--wp--preset--font-family--archivo); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.oihe-soort { color: var(--oihe-terra); }
.oihe-pil { display: inline-block; margin-left: 8px; padding: 3px 10px; border-radius: 999px; background: var(--oihe-zand); color: #3A4044; letter-spacing: .06em; }
.wp-block-post-template.is-layout-grid > li { display: flex; }
.wp-block-post-template.is-layout-grid > li > * { flex: 1; }

/* ---------- Blogkaarten ---------- */
.oihe-kaartbeeld { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; border-radius: 22px; background: var(--oihe-zand); overflow: hidden; }
.oihe-kaartbeeld img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--oihe-ease); }
.oihe-kaartbeeld:hover img, .oihe-kaartbeeld:hover .oihe-bord { transform: scale(1.04) rotate(-2deg); }
.oihe-blogkaart .wp-block-post-title a { color: var(--oihe-inkt); text-decoration: none; }
.oihe-blogkaart .wp-block-post-title a:hover { color: var(--oihe-terra); }

/* ---------- Vraagveld ---------- */
.oihe-vraag { display: flex; flex-direction: column; gap: 12px; }
.oihe-vraag__label { font-family: var(--wp--preset--font-family--archivo); font-weight: 600; font-size: 15px; color: #3A4044; }
.oihe-vraag__rij { display: flex; gap: 10px; flex-wrap: wrap; }
.oihe-vraag__veld { flex: 1 1 320px; min-height: 64px; box-sizing: border-box; padding: 0 22px; border-radius: 16px; border: 1.5px solid #C4C8C4; background: var(--oihe-papier); font: 20px/1.3 var(--wp--preset--font-family--newsreader); color: var(--oihe-inkt); }
.oihe-vraag__veld:focus { border-color: var(--oihe-terra); outline: none; box-shadow: 0 0 0 4px rgba(179,36,26,.18); }
.oihe-vraag__knop { min-height: 64px; padding: 0 28px; border-radius: 16px; border: 0; background: var(--oihe-terra); color: #fff; font: 600 17px var(--wp--preset--font-family--archivo); cursor: pointer; transition: background .2s; }
.oihe-vraag__knop:hover { background: #8A1B13; }
.oihe-vraag__voorbeelden { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.oihe-chip { min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1.5px solid #C4C8C4; background: var(--oihe-creme); color: var(--oihe-inkt); font: 500 15px var(--wp--preset--font-family--archivo); cursor: pointer; transition: border-color .2s, background .2s; }
.oihe-chip:hover { border-color: var(--oihe-terra); background: var(--oihe-papier); }

/* ---------- Knoppen ---------- */
.wp-block-button.is-style-lijn .wp-block-button__link { background: transparent; color: var(--oihe-inkt); box-shadow: inset 0 0 0 2px var(--oihe-inkt); }
.wp-block-button.is-style-lijn .wp-block-button__link:hover { background: var(--oihe-inkt); color: var(--oihe-creme); }
.oihe-nacht .wp-block-button.is-style-lijn .wp-block-button__link { color: var(--oihe-creme); box-shadow: inset 0 0 0 2px var(--oihe-creme); }
.wp-block-button__link { transition: background .2s, color .2s, transform .3s var(--oihe-ease); }
.wp-block-button__link:hover { transform: translateY(-2px); }
.oihe-pijl a { text-decoration: none; font-family: var(--wp--preset--font-family--archivo); font-weight: 600; }
.oihe-pijl a::after { content: " →"; display: inline-block; transition: transform .3s var(--oihe-ease); }
.oihe-pijl a:hover::after { transform: translateX(4px); }

/* ---------- Donkere vlakken ---------- */
.oihe-nacht { color: var(--oihe-creme); }
.oihe-nacht a { color: var(--oihe-terra-licht); }
.oihe-nacht .is-style-bovenschrift { color: var(--oihe-terra-licht); }
.oihe-nacht .is-style-label { color: #CFC3B6; border-left-color: var(--oihe-terra-licht); }
.oihe-nacht .is-style-label em, .oihe-nacht .is-style-label strong { color: var(--oihe-creme); }

/* ---------- Genummerde lijst (wat wij doen, stappen) ---------- */
.oihe-nummer { font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-stretch: 125%; color: var(--oihe-terra); }
.oihe-nacht .oihe-nummer { color: var(--oihe-terra-licht); }
.oihe-kolom-lijn { border-top: 3px solid currentColor; padding-top: 24px !important; }
.oihe-stap { border-top: 1px solid #3A4146; padding-block: 36px !important; }
.oihe-stap:last-child { border-bottom: 1px solid #3A4146; }
.oihe-meta { border-top: 2px solid var(--oihe-inkt); border-bottom: 1px solid #C4C8C4; }
.oihe-meta > * + * { border-left: 1px solid #C4C8C4; }
@media (max-width: 781px) { .oihe-meta > * + * { border-left: 0; border-top: 1px solid #C4C8C4; } }

/* ---------- Voet ---------- */
.oihe-voet a { color: var(--oihe-creme); text-decoration: none; }
.oihe-voet a:hover { color: var(--oihe-terra-licht); }
.oihe-voet .wp-block-navigation { font-size: 17px; }

/* ---------- Beweging bij scrollen ---------- */
.oihe-js .oihe-reveal { opacity: 0; transform: translateY(28px); transition: opacity 1s var(--oihe-ease), transform 1s var(--oihe-ease); }
.oihe-js .oihe-reveal.is-zichtbaar { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.oihe-js .oihe-reveal { opacity: 1; transform: none; }
	mark.oihe-streep, .oihe-streep { background-size: 100% .09em; }
}

/* ---------- Zoekresultaten ---------- */
.oihe-zoekitem { border-top: 1px solid var(--oihe-lijn); padding-block: 28px !important; }
.oihe-zoekitem .wp-block-post-title a { color: var(--oihe-inkt); text-decoration: none; }
.oihe-zoekitem .wp-block-post-title a:hover { color: var(--oihe-terra); }

/* ---------- Editor ---------- */
.editor-styles-wrapper .oihe-js .oihe-reveal, .editor-styles-wrapper .oihe-reveal { opacity: 1 !important; transform: none !important; }
.editor-styles-wrapper mark.oihe-streep { background-size: 100% .09em; }

/* ---------- Kunst: aanvullingen ---------- */
.oihe-einde-band { position: relative; overflow: hidden; isolation: isolate; }
.oihe-einde-band > .oihe-levenslijnen { position: absolute !important; inset: 0; margin: 0 !important; max-width: none !important; width: 100%; height: 100%; aspect-ratio: auto; min-height: 0; max-height: none; opacity: .38; z-index: -1; }
.oihe-kunstwand__beeld { margin: 0 !important; overflow: hidden; }
.oihe-kunstwand__beeld img { width: 100%; max-height: 86vh; object-fit: cover; display: block; transform: scale(1.06); transition: transform 2.4s var(--oihe-ease); }
.oihe-kunstwand__beeld.is-zichtbaar img, .oihe-kunstwand .is-zichtbaar img { transform: none; }
.oihe-wand { background: #E6E7E3; border-radius: 4px; padding: clamp(28px, 6%, 72px); display: flex; align-items: center; justify-content: center; }
.oihe-wand img { box-shadow: 0 2px 0 rgba(0,0,0,.04), 0 26px 50px -24px rgba(21,24,26,.5); }
.oihe-werk .wp-block-image { margin: 0; }
.oihe-werk__maker { font-family: var(--wp--preset--font-family--newsreader) !important; font-size: 24px !important; margin: 0; }
.oihe-werk__titel { font-family: var(--wp--preset--font-family--archivo); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; font-style: italic; color: var(--oihe-grijs); margin: 0; }
.oihe-citaat { font-style: italic; font-size: var(--wp--preset--font-size--xl); line-height: 1.25; margin: 0; }
.oihe-citaat::before { content: "“"; color: var(--oihe-terra); }
.oihe-citaat::after { content: "”"; color: var(--oihe-terra); }
.oihe-werk .oihe-wand { aspect-ratio: 1 / 1; }
.oihe-werk .oihe-wand .wp-block-image { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.oihe-werk .oihe-wand img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; }
.oihe-hero__lead { max-width: 660px; }
.oihe-kaartbeeld, .oihe-blogkaart > .oihe-kaartbeeld { width: 100%; align-self: stretch; }
.oihe-kop__knop .wp-block-button__link { white-space: nowrap; }
@media (max-width: 600px) {
	.oihe-kop__knop { display: none !important; }
	.oihe-merk__naam { font-size: 16px; }
	.oihe-hero h1 { font-stretch: 110%; }
	.oihe-vraag__knop { width: 100%; }
}
.oihe-toolkittitel { font-size: clamp(42px, 6.4vw, 108px) !important; line-height: .95 !important; overflow-wrap: normal; word-break: normal; hyphens: manual; }
.wp-block-post-content.alignfull > .alignfull { margin-left: 0; margin-right: 0; }
.oihe-werk, .wp-block-post-template > li { min-width: 0; }

/* ---------- Ronde 2 ---------- */
.is-style-label, .oihe-label, .is-style-museum figcaption { font-size: 15px; color: #4B5156; }
.oihe-nacht .is-style-label { color: #C9CDD0; }
.oihe-hero__bord { bottom: var(--wp--preset--spacing--60); width: clamp(140px, 22vw, 340px); }
.oihe-definitie { display: grid; gap: 10px; max-width: 760px; border-left: 3px solid var(--oihe-terra); padding-left: 20px; }
.oihe-definitie__regel { margin: 0; font-size: var(--wp--preset--font-size--groot); line-height: 1.35; }
.oihe-definitie__regel em { font-style: italic; color: var(--oihe-terra); }
.oihe-definitie__nr { display: inline-grid; place-items: center; width: 1.4em; height: 1.4em; margin-right: 6px; border-radius: 50%; background: var(--oihe-inkt); color: var(--oihe-creme); font: 700 .6em var(--wp--preset--font-family--archivo); vertical-align: .25em; }
.oihe-hero__lead { color: #3A4044; }
.oihe-kaart__pijl { margin-top: auto !important; font-family: var(--wp--preset--font-family--archivo); font-weight: 600; font-size: 16px; color: var(--oihe-terra); }
.oihe-kaart__pijl::after { content: " →"; display: inline-block; transition: transform .3s var(--oihe-ease); }
.oihe-kaart:hover .oihe-kaart__pijl::after { transform: translateX(5px); }
.oihe-kaart .wp-block-post-excerpt__excerpt { font-size: 19px; }

/* Zaal */
.oihe-zaal__knoppen { display: flex; gap: 10px; justify-content: flex-end; }
.oihe-zaal__knop { width: 56px; height: 56px; border-radius: 50%; border: 1.5px solid #4A5156; background: transparent; color: var(--oihe-creme); font-size: 22px; cursor: pointer; transition: background .2s, border-color .2s; }
.oihe-zaal__knop:hover { background: var(--oihe-creme); color: var(--oihe-inkt); border-color: var(--oihe-creme); }
.oihe-zaal__rail { overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px var(--oihe-rand) 24px !important; scrollbar-width: thin; scrollbar-color: #4A5156 transparent; -webkit-overflow-scrolling: touch; }
.oihe-zaal__rail > .oihe-werk { flex: 0 0 clamp(260px, 30vw, 400px); scroll-snap-align: start; }
.oihe-zaal .oihe-wand { background: #262B2F; }
.oihe-zaal .oihe-werk__titel { color: #AEB3B7; }
.oihe-werk__verhaal { margin: 0; font-size: 18px; line-height: 1.45; color: #C9CDD0; }
:not(.oihe-nacht) > * > .oihe-werk .oihe-werk__verhaal { color: #3A4044; }
.oihe-werk--leeg { border: 1.5px dashed #4A5156; border-radius: 6px; padding: 32px !important; aspect-ratio: auto; min-height: 420px; }

/* Bordenmaker */
.oihe-maker { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.oihe-maker__beeld { display: flex; flex-direction: column; align-items: center; background: var(--oihe-zand); border-radius: 24px; padding: 48px 24px 0; position: relative; overflow: hidden; }
.oihe-maker__beeld::after { content: ""; width: 14px; height: 90px; background: var(--oihe-grijs); margin-top: -2px; order: 3; }
.oihe-maker__beeld .oihe-bord { order: 1; width: 220px; height: auto; }
.oihe-maker__onderbord { order: 2; margin-top: 10px; min-width: 240px; max-width: 320px; padding: 16px 22px; background: #fff; border: 5px solid var(--oihe-inkt); border-radius: 10px; text-align: center; font: 800 22px/1.15 var(--wp--preset--font-family--archivo); font-stretch: 112%; color: var(--oihe-inkt); overflow-wrap: anywhere; }
.oihe-maker__form { display: flex; flex-direction: column; gap: 14px; }
.oihe-maker__form label { font: 600 15px var(--wp--preset--font-family--archivo); color: #3A4044; }
.oihe-maker__form input { min-height: 64px; padding: 0 22px; border-radius: 16px; border: 1.5px solid #C4C8C4; background: var(--oihe-papier); font: 22px var(--wp--preset--font-family--newsreader); color: var(--oihe-inkt); }
.oihe-maker__voorbeelden { display: flex; flex-wrap: wrap; gap: 10px; }
.oihe-maker__tip { margin: 0; font: 15px var(--wp--preset--font-family--archivo); color: var(--oihe-grijs); }
@media (max-width: 781px) { .oihe-maker { grid-template-columns: 1fr; } }

/* Formulieren */
.oihe-form { display: flex; flex-direction: column; gap: 14px; }
.oihe-form p { margin: 0; }
.oihe-form label { display: block; margin-bottom: 6px; font: 600 15px var(--wp--preset--font-family--archivo); color: #3A4044; }
.oihe-form input, .oihe-form textarea { width: 100%; box-sizing: border-box; min-height: 54px; padding: 12px 18px; border-radius: 12px; border: 1.5px solid #C4C8C4; background: var(--oihe-papier); font: 19px/1.4 var(--wp--preset--font-family--newsreader); color: var(--oihe-inkt); }
.oihe-form input:focus, .oihe-form textarea:focus, .oihe-maker__form input:focus { border-color: var(--oihe-terra); outline: none; box-shadow: 0 0 0 4px rgba(179,36,26,.18); }
.oihe-form__rij { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 600px) { .oihe-form__rij { grid-template-columns: 1fr; } }
.oihe-form__knop { min-height: 56px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--oihe-terra); color: #fff; font: 600 17px var(--wp--preset--font-family--archivo); cursor: pointer; transition: background .2s; align-self: flex-start; }
.oihe-form__knop:hover { background: #8A1B13; }
.oihe-form__pot { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.oihe-form__inline { display: flex; gap: 10px; flex-wrap: wrap; }
.oihe-form__inline input { flex: 1 1 240px; }
.oihe-nacht .oihe-form label { color: #C9CDD0; }
.oihe-nacht .oihe-form input { background: #262B2F; border-color: #4A5156; color: var(--oihe-creme); }
.oihe-melding { padding: 14px 18px; border-radius: 12px; font: 600 16px var(--wp--preset--font-family--archivo); }
.oihe-melding--ok { background: #E3EBDD; color: #26401F; }
.oihe-melding--fout { background: #F6DCD5; color: #7A2413; }
.oihe-lijst { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-family: var(--wp--preset--font-family--archivo); font-weight: 600; }
.oihe-lijst a { text-decoration: none; }
.oihe-lijst a::before { content: "→ "; }
.oihe-vraag__mens .oihe-bord { width: 120px; height: auto; }

/* Blog compacter */
.oihe-blogkaart .oihe-kaartbeeld { aspect-ratio: 16 / 9; }
.oihe-blogkaart .oihe-kaartbeeld .oihe-bord { width: 110px; height: auto; }
.oihe-blogkaart .wp-block-post-excerpt { color: #3A4044; font-size: 18px; }
.oihe-blogkaart .wp-block-post-excerpt__more-text { display: none; }
@media (max-width: 600px) {
	.oihe-blogkaart { display: grid !important; grid-template-columns: 96px 1fr; column-gap: 16px; row-gap: 4px !important; align-items: start; }
	.oihe-blogkaart .oihe-kaartbeeld { grid-row: span 3; aspect-ratio: 1; border-radius: 14px; }
	.oihe-blogkaart .oihe-kaartbeeld .oihe-bord { width: 64px; }
	.oihe-blogkaart .wp-block-post-excerpt { display: none; }
	.oihe-kaart .oihe-bord { width: 84px; height: auto; }
	.oihe-vraag__veld::placeholder { font-size: 17px; }
	.oihe-chip { white-space: normal; text-align: left; line-height: 1.25; padding-block: 10px; }
}
.wp-block-navigation__responsive-container-open:not(.always-shown) { font-family: var(--wp--preset--font-family--archivo); font-weight: 700; }
.oihe-zaal__rail::before, .oihe-zaal__rail::after { content: ""; flex: 0 0 max(0px, calc(var(--oihe-rand) - 32px)); }
.oihe-zaal__rail { scroll-padding-inline: var(--oihe-rand); }
.oihe-zaal .oihe-werk .oihe-wand { aspect-ratio: 4 / 5; }
#contact h2 { font-size: var(--wp--preset--font-size--xl); }
@media (max-width: 600px) {
	.oihe-kaart { display: grid !important; grid-template-columns: 72px 1fr; column-gap: 16px; row-gap: 6px !important; align-items: start; padding: 20px !important; }
	.oihe-kaart > .oihe-bordhouder { grid-row: span 4; }
	.oihe-kaart .oihe-bord { width: 72px; }
	.oihe-kaart .wp-block-post-excerpt__excerpt { font-size: 17px; }
}

/* ---------- Ronde 3 (na Gauntlet r2) ---------- */
h1, h2, h3, .wp-block-post-title { text-wrap: balance; }
.oihe-kaart:has(.oihe-pil) .oihe-kaart__pijl { display: none; }
.oihe-kaart:has(.oihe-pil) { background: transparent; border-style: dashed; }
.oihe-blogkaart .wp-block-post-title { font-family: var(--wp--preset--font-family--newsreader) !important; font-weight: 600; font-stretch: 100%; letter-spacing: -.01em; line-height: 1.2 !important; }
.oihe-lijst { margin-top: 12px !important; }
.oihe-contactvlak .is-style-bovenschrift, .oihe-contactvlak a { color: #FFFFFF; }
.oihe-contactvlak .oihe-form label { color: #EEF0EE; }
.oihe-contactvlak .oihe-form input, .oihe-contactvlak .oihe-form textarea { border-color: transparent; }
.oihe-contactvlak .oihe-form__knop { background: var(--oihe-inkt); }
.oihe-contactvlak .oihe-form__knop:hover { background: #000; }
.oihe-contactvlak .oihe-melding--ok { background: #EEF0EE; }
@media (min-width: 1200px) {
	.oihe-hero__bord { top: calc(var(--wp--preset--spacing--60) + 190px); bottom: auto; width: clamp(160px, 15vw, 240px); }
}
.oihe-form__klein { font: 13px var(--wp--preset--font-family--archivo); color: #AEB3B7; margin: 0; }
.oihe-abonnee-resultaat > div { margin: 0 !important; }
/* Het bestaande snippet voegt op blogoverzichten een los aanmeldblok toe; de voet heeft er al een. */
.oize-sub-done { display: none !important; }

/* ---------- 1.0.2: eerste verbeterslag na livegang ---------- */
/* Kop blijft zichtbaar bij scrollen (de wrapper van het sjabloondeel is het plakkende element). */
.wp-site-blocks > div:first-child:has(.oihe-kop) { position: sticky; top: 0; z-index: 60; }
.admin-bar .wp-site-blocks > div:first-child:has(.oihe-kop) { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > div:first-child:has(.oihe-kop) { top: 46px; } }
.wp-site-blocks > div:first-child .oihe-kop { position: relative; top: auto; }
/* Knoppen uit oude shortcodes (Enfold-klassen) in de huisstijl. */
a.avia-button { display: inline-flex; align-items: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: var(--oihe-terra); color: #fff !important; text-decoration: none; font: 600 17px var(--wp--preset--font-family--archivo); transition: background .2s; }
a.avia-button:hover { background: #8A1B13; }
/* Teamfoto's op Over ons gelijk van maat. */
.page-id-24 .wp-block-column > .wp-block-image img { width: 220px; height: 220px; object-fit: cover; object-position: 50% 30%; }
/* Blogfoto's iets warmer, zodat ze bij het palet passen. */
.oihe-kaartbeeld--foto img, .single-post .wp-block-post-featured-image img { filter: saturate(.85) sepia(.1); }
/* Bestaand aanmeldblok ([blog_subscribe]) in de huisstijl. */
div[style*="background:#f7f3f0"] { border-radius: 22px !important; background: var(--oihe-zand) !important; font-family: var(--wp--preset--font-family--archivo); }
div[style*="background:#f7f3f0"] button { border-radius: 999px !important; background: var(--oihe-terra) !important; font-family: var(--wp--preset--font-family--archivo) !important; }
div[style*="background:#f7f3f0"] h4 { color: var(--oihe-terra) !important; font-stretch: 112%; }
/* 1.0.3: galerijtegels blijven binnen hun kolom. */
.oihe-werk .oihe-wand { width: 100%; box-sizing: border-box; overflow: hidden; }
.oihe-werk .oihe-wand .wp-block-image { max-width: 100%; margin: 0; }
.oihe-werk .oihe-wand img { max-width: 100% !important; max-height: 100% !important; }
.oihe-hero__lead a { color: inherit; text-decoration-color: var(--oihe-terra); text-underline-offset: 3px; }
.oihe-contactvlak p a { color: #FFFFFF; }

/* ---------- 1.1.0: ontwerpronde "Verkeersbord" ----------
   Rood alleen waar het iets betekent (bord, actie). Hoeken als een bordplaat.
   Eén beweging die de aandacht trekt: het bord in de hero. */
body { background: var(--oihe-creme); }
::selection { background: #FFD9D5; color: var(--oihe-inkt); }

/* Labels: gewone zinsopbouw, geen gespatieerde kapitalen. */
.is-style-bovenschrift, .oihe-bovenschrift { font-size: 17px !important; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--oihe-grijs); }
.oihe-nacht .is-style-bovenschrift { color: #C9CDD0; }
.oihe-einde-band .is-style-bovenschrift { font-family: var(--wp--preset--font-family--newsreader); font-style: italic; font-weight: 400; font-size: var(--wp--preset--font-size--groot) !important; color: #C9CDD0; }
.oihe-soortregel { font-size: 15px; letter-spacing: 0; text-transform: none; font-weight: 700; }
.oihe-soort { color: var(--oihe-inkt); }
.oihe-pil { margin-left: 6px; padding: 0; border-radius: 0; background: none; color: var(--oihe-grijs); font-weight: 500; letter-spacing: 0; }
.oihe-pil::before { content: "("; } .oihe-pil::after { content: ")"; }
.oihe-werk__titel { font-size: 15px; letter-spacing: 0; text-transform: none; font-style: normal; }
.is-style-label, .oihe-label, .is-style-museum figcaption { border-left-color: var(--oihe-inkt); }

/* Geen pijltjes als versiering: links zijn onderstreept. */
.oihe-pijl a::after, .oihe-kaart__pijl::after, .oihe-lijst a::before { content: none; }
.oihe-pijl a, .oihe-lijst a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.oihe-kaart__pijl { color: var(--oihe-inkt); text-decoration: underline; text-underline-offset: 4px; }

/* Vlakken als bordplaten: kleine hoek, geen schaduw, geen zweven. */
.is-style-kaart, .oihe-kaart { background: var(--oihe-papier); border: 0; border-radius: 6px; transition: none; }
.is-style-kaart:hover, .oihe-kaart:hover { transform: none; box-shadow: inset 0 0 0 2px var(--oihe-inkt); }
.oihe-kaart .wp-block-post-title a::after { border-radius: 6px; }
.oihe-kaart:has(.oihe-pil) { background: transparent; border: 2px dashed var(--oihe-lijn); }
.oihe-kaart:has(.oihe-pil):hover { box-shadow: none; border-color: var(--oihe-grijs); }
.oihe-kaartbeeld { border-radius: 4px; }
.oihe-kaartbeeld:hover img { transform: none; }
.oihe-kaartbeeld--foto img, .single-post .wp-block-post-featured-image img { filter: none; }
.wp-block-button__link:hover { transform: none; }
.oihe-vraag__veld, .oihe-vraag__knop, .oihe-maker__form input, .oihe-form input, .oihe-form textarea { border-radius: 6px; }
.oihe-chip { border-radius: 6px; background: var(--oihe-papier); }
.oihe-form__knop, a.avia-button, div[style*="background:#f7f3f0"] button { border-radius: 6px !important; }
.oihe-maker__beeld { border-radius: 8px; }
div[style*="background:#f7f3f0"] { border-radius: 8px !important; }
div[style*="background:#f7f3f0"] h4 { color: var(--oihe-inkt) !important; }

/* Contact: een wit vlak met een rode knop, rustig voor de donkere voet. */
.oihe-contactvlak.has-terracotta-background-color { background: var(--oihe-papier) !important; color: var(--oihe-inkt) !important; }
.oihe-contactvlak a, .oihe-contactvlak p a { color: var(--oihe-terra); }
.oihe-contactvlak .oihe-form label { color: #3A4044; }
.oihe-contactvlak .oihe-form input, .oihe-contactvlak .oihe-form textarea { border-color: #C4C8C4; background: var(--oihe-creme); }
.oihe-contactvlak .oihe-form__knop { background: var(--oihe-terra); }
.oihe-contactvlak .oihe-form__knop:hover { background: #8A1B13; }
.oihe-contactvlak .oihe-melding--ok { background: #E4EEE1; }
.has-terracotta-background-color:not(.oihe-contactvlak) { background-color: var(--oihe-terra) !important; }

/* Beweging: alleen het bord in de hero, één keer. */
.oihe-js .oihe-reveal { opacity: 1; transform: none; transition: none; }
.oihe-kunstwand__beeld img { transform: none; transition: none; }
.oihe-hero__bord svg { animation: oihe-zwaai 1.6s var(--oihe-ease) .3s both; }
@keyframes oihe-zwaai { 0% { transform: rotate(-14deg) translateY(-24px); opacity: 0; } 35% { opacity: 1; } 60% { transform: rotate(4deg); } 80% { transform: rotate(-1.5deg); } 100% { transform: rotate(0); } }
.oihe-merk:hover .oihe-bord { transform: none; }

/* Bordenstrip staat stil: een rij borden, geen lopende band. */
.oihe-strip { -webkit-mask-image: none; mask-image: none; overflow-x: auto; scrollbar-width: none; }
.oihe-strip::-webkit-scrollbar { display: none; }
.oihe-strip__rij { animation: none; gap: clamp(28px, 4vw, 56px); margin-inline: auto; padding-inline: var(--oihe-rand); }
.oihe-strip__rij > .oihe-strip__item:nth-child(n+9) { display: none; }
@media (min-width: 782px) { .oihe-strip { overflow: visible; } .oihe-strip__rij { width: auto; flex-wrap: wrap; justify-content: center; row-gap: 18px; } }
.oihe-lijst a, .oihe-contactvlak .oihe-lijst a { color: var(--oihe-inkt); }

/* ---------- 1.1.1: designronde (kritiek, teksten, toegankelijkheid) ---------- */
/* Oude inline kleuren uit geconverteerde pagina's naar het palet. */
a[style*="#c75b39"] { color: var(--oihe-terra) !important; text-decoration: underline !important; text-underline-offset: 4px; }
p[style*="color:#999"] { color: var(--oihe-grijs) !important; font-size: 13px !important; }


/* ==========================================================
   1.2.0: "Knipsel" — kleurvlakken en uitgeknipt papier.
   Kobalt, oker, roze en bordrood op wit; tekst in nachtblauw.
   Smalle, hoge koppen als op een affiche. Eén beweging: het
   schilderij in de hero landt als een geplakt knipsel.
   ========================================================== */
body { background: #fff; color: var(--oihe-inkt); }
::selection { background: var(--oihe-oker); color: var(--oihe-inkt); }
:where(a, button, input, summary):focus-visible { outline-color: var(--oihe-kobalt); }
h1, h2, h3, h4, .wp-block-post-title { font-stretch: 72%; font-weight: 800; }
h1 { font-weight: 900; }
.oihe-kaart .wp-block-post-title, h3 { font-stretch: 80%; }
.oihe-blogkaart .wp-block-post-title { font-stretch: 100%; }
.oihe-kop { background: color-mix(in srgb, #fff 92%, transparent); }
.oihe-kop .wp-block-navigation a:hover { color: var(--oihe-kobalt); }
.oihe-pijl a, .oihe-kaart__pijl, a.oihe-lijst { color: var(--oihe-kobalt); }

/* Kleurvlakken */
.oihe-veld--kobalt { background: var(--oihe-kobalt); color: #fff; }
.oihe-veld--kobalt :focus-visible { outline-color: var(--oihe-oker) !important; }

/* Hero */
.oihe-hero { position: relative; overflow: hidden; }
.oihe-hero h1 { max-width: none; color: #fff; font-size: clamp(76px, 10.5vw, 168px) !important; font-stretch: 62%; line-height: .86; letter-spacing: -.01em; margin: 0; }
.oihe-hero__boven { margin: 0; font: 600 18px/1.3 var(--wp--preset--font-family--archivo); color: #C8D3FF; }
.oihe-hero .oihe-hero__lead { color: #fff; max-width: 34em; }
.oihe-hero .oihe-hero__lead a { color: #fff; text-decoration-color: var(--oihe-oker); text-decoration-thickness: 2px; }
.oihe-hero__knoppen .wp-block-button:not(.is-style-lijn) .wp-block-button__link { background: var(--oihe-oker); color: var(--oihe-inkt); }
.oihe-hero__knoppen .wp-block-button:not(.is-style-lijn) .wp-block-button__link:hover { background: #fff; }
.oihe-hero .is-style-lijn .wp-block-button__link { color: #fff; box-shadow: inset 0 0 0 2px #fff; }
.oihe-hero .is-style-lijn .wp-block-button__link:hover { background: #fff; color: var(--oihe-kobalt); }

/* Het knipsel: een schilderij met geknipte randen, schuin geplakt. */
.oihe-knipsel { margin: 0; transform: rotate(-3deg); filter: drop-shadow(0 22px 28px rgba(8, 18, 60, .35)); animation: oihe-land 1.4s var(--oihe-ease) .15s both; }
.oihe-knipsel img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 55% 50%;
	clip-path: polygon(2% 1%, 38% 0, 71% 2%, 99% 0, 100% 34%, 98% 67%, 100% 99%, 63% 100%, 29% 98%, 0 100%, 1% 62%, 0 27%); }
.oihe-knipsel figcaption { margin-top: 14px; text-align: left; font: 14px/1.4 var(--wp--preset--font-family--archivo); color: #C8D3FF; transform: rotate(3deg); }
.oihe-knipsel figcaption em { font-family: var(--wp--preset--font-family--newsreader); font-size: 17px; color: #fff; }
@keyframes oihe-land { from { opacity: 0; transform: rotate(-11deg) translate(40px, -36px) scale(.94); } to { opacity: 1; transform: rotate(-3deg); } }
@media (max-width: 781px) {
	.oihe-hero h1 { font-size: clamp(64px, 21vw, 110px) !important; }
	.oihe-hero__beeld { padding: 12px 18px 0; }
	.oihe-knipsel img { aspect-ratio: 5 / 4; }
}

/* Het einde van…: een rood vlak */
.oihe-einde-band.has-nacht-background-color { background: var(--oihe-terra) !important; color: #fff !important; }
.oihe-einde-band .is-style-bovenschrift { color: #fff !important; opacity: .9; }
.oihe-einde-band p.has-text-color { color: #fff !important; }
.oihe-einde-band > .oihe-levenslijnen { opacity: .3; }
.oihe-einde-band mark.oihe-streep { background-image: linear-gradient(var(--oihe-inkt), var(--oihe-inkt)); }

/* Toolkits: gekleurde papieren tegels */
.oihe-kaart { border: 0 !important; border-radius: 2px; box-shadow: none; transition: transform .35s var(--oihe-ease); }
.wp-block-post-template > li:nth-child(3n+1) .oihe-kaart { background: var(--oihe-kobalt); color: #fff; transform: rotate(-.8deg); }
.wp-block-post-template > li:nth-child(3n+2) .oihe-kaart { background: var(--oihe-oker); color: var(--oihe-inkt); transform: rotate(.6deg); }
.wp-block-post-template > li:nth-child(3n+3) .oihe-kaart { background: var(--oihe-roze); color: var(--oihe-inkt); transform: rotate(-.4deg); }
.wp-block-post-template > li .oihe-kaart:hover { transform: rotate(0) translateY(-4px); box-shadow: none; }
.oihe-kaart:has(.oihe-pil) { border: 0 !important; }
.oihe-kaart:has(.oihe-pil):hover { box-shadow: none; }
.oihe-kaart .wp-block-post-title a, .oihe-kaart .oihe-soort, .oihe-kaart .oihe-kaart__pijl { color: inherit; }
.oihe-kaart .wp-block-post-excerpt, .oihe-kaart .oihe-pil { color: inherit; opacity: .92; }
.oihe-kaart .wp-block-post-title { font-size: clamp(28px, 2.6vw, 36px) !important; line-height: 1 !important; }

/* Vraag: oker vlak */
#vraag.has-zand-background-color { background: var(--oihe-oker) !important; border-radius: 2px; }
#vraag .oihe-chip { background: #fff; border-color: transparent; }
#vraag .oihe-vraag__veld { border-color: transparent; }
#vraag .oihe-vraag__label, #vraag p { color: var(--oihe-inkt); }
#vraag .oihe-pijl a { color: var(--oihe-inkt); }

/* Bordenmaker: roze papier */
.oihe-maker__beeld { background: var(--oihe-roze); border-radius: 2px; transform: rotate(-1deg); }
.oihe-maker__beeld::after { background: var(--oihe-inkt); }

/* Contact: kobalt vlak */
.oihe-contactvlak.has-terracotta-background-color { background: var(--oihe-kobalt) !important; color: #fff !important; border-radius: 2px; }
.oihe-contactvlak h2 { color: #fff; }
.oihe-contactvlak a, .oihe-contactvlak p a, .oihe-contactvlak .oihe-lijst a { color: #fff; text-decoration-color: var(--oihe-oker); }
.oihe-contactvlak .oihe-form label { color: #E4E9FF; }
.oihe-contactvlak .oihe-form input, .oihe-contactvlak .oihe-form textarea { background: #fff; border-color: transparent; }
.oihe-contactvlak .oihe-form__knop { background: var(--oihe-oker); color: var(--oihe-inkt); }
.oihe-contactvlak .oihe-form__knop:hover { background: #fff; }

/* Blog en overig */
.oihe-kaartbeeld { background: var(--oihe-roze); border-radius: 2px; }
.oihe-voet a:hover { color: var(--oihe-oker); }
.is-style-label, .oihe-label { border-left-color: var(--oihe-kobalt); }
.oihe-toolkittitel { font-stretch: 62%; }
h1, h2, h3, h4, .wp-block-post-title { letter-spacing: 0; word-spacing: .08em; }
.oihe-einde-band .oihe-regel { font-size: clamp(38px, 4.8vw, 70px) !important; line-height: 1.12; }
#vraag .oihe-vraag__knop { background: var(--oihe-inkt); }
#vraag .oihe-vraag__knop:hover { background: var(--oihe-kobalt); }
@media (max-width: 781px) {
	.oihe-hero h1 { font-size: clamp(54px, 17vw, 96px) !important; overflow-wrap: normal; hyphens: manual; }
}
.oihe-nacht .oihe-form input, .oihe-voet .oihe-form input { background: #1A2A5C; border-color: #2E427F; color: #fff; }
.oihe-contactvlak, #vraag { border-radius: 2px !important; }
@media (max-width: 600px) { .oihe-kaart { grid-template-columns: 88px 1fr; } .oihe-kaart .oihe-bord { width: 88px; } }

/* ---------- 1.3.0: geen AI-schilderij; het bord als knipsel ---------- */
.oihe-knipsel--bord { filter: drop-shadow(0 22px 26px rgba(8, 18, 60, .35)); transform: rotate(-5deg); max-width: 460px; margin-inline: auto; }
.oihe-knipsel--bord .oihe-bordhouder, .oihe-knipsel--bord svg { display: block; width: 100%; height: auto; }
@keyframes oihe-land { from { opacity: 0; transform: rotate(-16deg) translate(40px, -36px) scale(.92); } to { opacity: 1; transform: rotate(-5deg); } }
@media (max-width: 781px) { .oihe-knipsel--bord { max-width: 230px; margin: 8px 0 0 auto; } .oihe-hero__beeld { padding: 0 8px; } }

/* Teamleden zonder foto: initialen op gekleurd papier. */
.oihe-initialen { width: 220px; height: 220px; margin: 0; display: grid; place-items: center; border-radius: 2px;
	font: 800 96px/1 var(--wp--preset--font-family--archivo); font-stretch: 62%; color: var(--oihe-inkt); }
.oihe-initialen--oker { background: var(--oihe-oker); }
.oihe-initialen--roze { background: var(--oihe-roze); }
.page-id-24 .wp-block-column > .wp-block-image img { border-radius: 2px !important; }

/* Activiteiten die al geweest zijn. */
.oihe-geweest { display: inline-block; margin-left: 8px; padding: 2px 10px; background: var(--oihe-inkt); color: #fff; font: 600 14px/1.5 var(--wp--preset--font-family--archivo); border-radius: 2px; vertical-align: middle; }
.oihe-kaart--geweest { background: #F3F4F8 !important; }
/* Kaarten buiten de toolkit-lijst (activiteiten, inspiratie) blijven op mobiel gewoon onder elkaar. */
@media (max-width: 600px) { .oihe-kaart:not(.wp-block-post-template .oihe-kaart) { display: flex !important; flex-direction: column; padding: 24px !important; } }
/* 1.3.2: borden op mobiel groot genoeg om het pictogram te lezen. */
@media (max-width: 600px) {
	.wp-block-post-template .oihe-kaart { display: flex !important; flex-direction: column; gap: 10px !important; padding: 24px !important; }
	.wp-block-post-template .oihe-kaart > .oihe-bordhouder { grid-row: auto; }
	.wp-block-post-template .oihe-kaart .oihe-bord { width: 132px !important; height: auto; }
	.oihe-blogkaart { grid-template-columns: 120px 1fr; }
	.oihe-blogkaart .oihe-kaartbeeld .oihe-bord { width: 96px !important; }
	.oihe-vraag__mens .oihe-bord { width: 140px; }
}
/* 1.3.3: kaarten buiten de toolkit-lijst krijgen een licht vlak; afbeeldingen in de huisstijl. */
.oihe-kaart:not(.wp-block-post-template .oihe-kaart) { background: #F3F4F8; }
.wp-block-image.has-custom-border img { border-radius: 2px !important; }
.wp-block-query-pagination a, .wp-block-query-pagination-numbers a { color: var(--oihe-kobalt); }

/* ==========================================================
   1.4.0: instrumentpagina's als werkblad.
   Gekleurde kop met het bord als knipsel, leeskolom met
   inhoudsopgave, stappen, tegels, ladder, uitspraken, kaartjes.
   ========================================================== */
.oihe-instrument-kop { background: var(--oihe-kobalt); color: #fff; }
.oihe-soort-aanpak .oihe-instrument-kop { background: var(--oihe-oker); color: var(--oihe-inkt); }
.oihe-instrument-kop .oihe-toolkittitel { color: inherit; font-size: clamp(56px, 7.4vw, 120px) !important; font-stretch: 62%; line-height: .9 !important; margin: 0; }
.oihe-instrument-kop .oihe-instrument-lead { max-width: 32em; }
.oihe-instrument-kop .oihe-instrument-lead p { color: inherit; margin: 0; }
.oihe-instrument-kop .oihe-soortregel, .oihe-instrument-kop .oihe-soort, .oihe-instrument-kop .oihe-pil { color: inherit; }
.oihe-instrument-terug { margin: 0; font: 600 16px var(--wp--preset--font-family--archivo); }
.oihe-instrument-terug a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-color: var(--oihe-oker); }
.oihe-soort-aanpak .oihe-instrument-terug a { text-decoration-color: var(--oihe-inkt); }
.oihe-instrument-bord .oihe-knipsel--bord { max-width: 380px; }
@media (max-width: 781px) { .oihe-instrument-bord { order: -1; } .oihe-instrument-bord .oihe-knipsel--bord { max-width: 170px; margin: 0 0 0 auto; } }

/* Leeskolom met inhoudsopgave */
.oihe-instrument { display: grid; grid-template-columns: 230px minmax(0, 740px); gap: clamp(40px, 6vw, 110px); align-items: start; }
.oihe-instrument.zonder-toc { grid-template-columns: minmax(0, 760px); }
.oihe-instrument > * { margin: 0 !important; }
.oihe-toc { position: sticky; top: 110px; font-family: var(--wp--preset--font-family--archivo); }
.admin-bar .oihe-toc { top: 142px; }
.oihe-toc__titel { margin: 0 0 14px; font-size: 15px; font-weight: 700; color: var(--oihe-grijs); }
.oihe-toc__lijst { list-style: none; margin: 0; padding: 0; counter-reset: toc; display: grid; gap: 4px; }
.oihe-toc__lijst li { counter-increment: toc; }
.oihe-toc__lijst a { display: grid; grid-template-columns: 26px 1fr; padding: 8px 10px 8px 0; border-left: 3px solid transparent; padding-left: 12px; color: var(--oihe-inkt); text-decoration: none; font-size: 16px; font-weight: 600; line-height: 1.3; }
.oihe-toc__lijst a::before { content: counter(toc); color: var(--oihe-grijs); font-weight: 700; }
.oihe-toc__lijst a:hover { color: var(--oihe-kobalt); }
.oihe-toc__lijst a.is-hier { border-left-color: var(--oihe-kobalt); color: var(--oihe-kobalt); background: #EEF1FA; }
@media (max-width: 900px) {
	.oihe-instrument { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.oihe-toc { position: static; background: #F3F4F8; padding: 18px 20px; border-radius: 2px; }
}

/* Tekst */
.oihe-instrument-tekst > * + * { margin-top: 1.1em; }
.oihe-instrument-tekst > p:first-child { font-size: var(--wp--preset--font-size--groot); line-height: 1.45; }
.oihe-instrument-tekst a { color: var(--oihe-kobalt); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.oihe-instrument-tekst h2 { font-size: clamp(36px, 3.8vw, 54px) !important; line-height: .98; margin-top: 2.1em !important; margin-bottom: .45em; scroll-margin-top: 110px; }
.oihe-instrument-tekst h2::before { content: ""; display: block; width: 58px; height: 12px; margin-bottom: 18px; background: var(--oihe-oker); transform: rotate(-3deg); }
.oihe-instrument-tekst h2:nth-of-type(3n+2)::before { background: var(--oihe-kobalt); transform: rotate(2deg); }
.oihe-instrument-tekst h2:nth-of-type(3n)::before { background: var(--oihe-roze); }
.oihe-instrument-tekst h3 { font-size: 26px !important; line-height: 1.1; margin-top: 1.6em !important; }

/* Gewone opsomming: blokjes in plaats van bolletjes */
.oihe-instrument-tekst ul { list-style: none; padding: 0; }
.oihe-instrument-tekst ul > li { position: relative; padding-left: 28px; margin-bottom: 10px; }
.oihe-instrument-tekst ul > li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 10px; height: 10px; background: var(--oihe-kobalt); transform: rotate(8deg); }

/* Genummerde lijst: stappen */
.oihe-instrument-tekst ol:not(.oihe-ladder) { list-style: none; padding: 0; counter-reset: stap; display: grid; gap: 14px; }
.oihe-instrument-tekst ol:not(.oihe-ladder) > li { counter-increment: stap; position: relative; min-height: 56px; padding: 12px 0 0 78px; }
.oihe-instrument-tekst ol:not(.oihe-ladder) > li::before { content: counter(stap); position: absolute; left: 0; top: 0; width: 56px; height: 56px; display: grid; place-items: center; background: var(--oihe-oker); color: var(--oihe-inkt); font: 900 32px/1 var(--wp--preset--font-family--archivo); font-stretch: 62%; transform: rotate(-3deg); }
.oihe-instrument-tekst ol:not(.oihe-ladder) > li:nth-child(even)::before { background: var(--oihe-roze); transform: rotate(2deg); }

/* Opsomming met vetgedrukt label: tegels */
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken):has(> li > strong:first-child) { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken):has(> li > strong:first-child) > li { margin: 0; padding: 20px 22px; background: #EEF1FA; line-height: 1.4; }
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken):has(> li > strong:first-child) > li:nth-child(3n+2) { background: #FCEFC9; }
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken):has(> li > strong:first-child) > li:nth-child(3n) { background: #FBE3E6; }
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken):has(> li > strong:first-child) > li::before { display: none; }
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken) > li > strong:first-child { display: block; margin-bottom: 4px; font: 800 24px/1.05 var(--wp--preset--font-family--archivo); font-stretch: 72%; }

/* De ladder van Dilts */
.oihe-ladder { list-style: none !important; padding: 0 !important; display: grid; gap: 8px; counter-reset: niveau; }
.oihe-instrument-tekst .oihe-ladder > li { counter-increment: niveau; position: relative; margin: 0 !important; padding: 16px 20px 16px 20px !important; background: #EEF1FA; line-height: 1.4; }
.oihe-instrument-tekst .oihe-ladder > li::before { display: none; }
.oihe-ladder > li:nth-child(1) { margin-right: 25% !important; }
.oihe-ladder > li:nth-child(2) { margin-left: 5% !important; margin-right: 20% !important; background: #DFE5F7 !important; }
.oihe-ladder > li:nth-child(3) { margin-left: 10% !important; margin-right: 15% !important; background: #CCD6F2 !important; }
.oihe-ladder > li:nth-child(4) { margin-left: 15% !important; margin-right: 10% !important; background: var(--oihe-oker) !important; }
.oihe-ladder > li:nth-child(5) { margin-left: 20% !important; margin-right: 5% !important; background: var(--oihe-roze) !important; }
.oihe-ladder > li:nth-child(6) { margin-left: 25% !important; background: var(--oihe-kobalt) !important; color: #fff; }
.oihe-ladder > li > strong:first-child { display: block; font: 800 24px/1.05 var(--wp--preset--font-family--archivo); font-stretch: 72%; margin-bottom: 2px; }
.oihe-ladder > li:nth-child(4)::after { content: "Hier zit meestal de rem"; position: absolute; right: 14px; top: -12px; padding: 4px 10px; background: var(--oihe-inkt); color: #fff; font: 700 13px/1.3 var(--wp--preset--font-family--archivo); transform: rotate(2deg); }
@media (max-width: 600px) { .oihe-ladder > li { margin-left: 0 !important; margin-right: 0 !important; } .oihe-ladder > li:nth-child(4)::after { position: static; display: inline-block; margin-top: 8px; } }

/* Uitspraken als tekstballonnen */
.oihe-uitspraken { list-style: none !important; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.oihe-instrument-tekst .oihe-uitspraken > li { margin: 0; padding: 20px 22px 22px !important; background: #fff; border: 2.5px solid var(--oihe-inkt); border-radius: 22px 22px 22px 3px; font: italic 400 22px/1.3 var(--wp--preset--font-family--newsreader); }
.oihe-instrument-tekst .oihe-uitspraken > li::before { display: none; }
.oihe-instrument-tekst .oihe-uitspraken > li:nth-child(odd) { transform: rotate(-.8deg); }
.oihe-instrument-tekst .oihe-uitspraken > li:nth-child(even) { transform: rotate(.6deg); }
.oihe-instrument-tekst .oihe-uitspraken--goed > li { background: var(--oihe-kobalt); border-color: var(--oihe-kobalt); color: #fff; border-radius: 22px 22px 3px 22px; }

/* Kaartjes (Babbelbox) */
.oihe-kaartjes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; margin-top: 1.4em !important; }
.oihe-kaartje { display: flex; flex-direction: column; background: #fff; border: 3px solid var(--oihe-inkt); box-shadow: 6px 6px 0 var(--oihe-roze); }
.oihe-kaartje:nth-child(3n+2) { box-shadow: 6px 6px 0 var(--oihe-oker); transform: rotate(.7deg); }
.oihe-kaartje:nth-child(3n+1) { transform: rotate(-.7deg); }
.oihe-kaartje:nth-child(3n) { box-shadow: 6px 6px 0 var(--oihe-kobalt); }
.oihe-kaartje > * { margin: 0 !important; padding-inline: 22px; }
.oihe-kaartje > h3 { padding-top: 22px; font-size: 25px !important; }
.oihe-kaartje > p:not(:last-child) { padding-top: 12px; padding-bottom: 18px; flex: 1; }
.oihe-kaartje > p:last-child { padding-top: 16px; padding-bottom: 20px; background: #F3F4F8; border-top: 2px dashed var(--oihe-lijn); font-size: 17px; line-height: 1.45; }
.oihe-kaartje em { font-style: normal; font-weight: 700; font-family: var(--wp--preset--font-family--archivo); }
.oihe-kaartjes { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.oihe-instrument-tekst ul:not(.oihe-ladder):not(.oihe-uitspraken):has(> li > strong:first-child) { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.oihe-instrument-kop .wp-block-column > * + * { margin-top: 22px; }
.oihe-instrument-kop .oihe-instrument-terug + .oihe-soortregel { margin-top: 34px !important; }
@media (min-width: 1100px) { .oihe-instrument-tekst .oihe-kaartjes { margin-right: -120px !important; } }
@media (max-width: 600px) { .oihe-ladder > li:nth-child(n) { margin-left: 0 !important; margin-right: 0 !important; } }

/* ===== 1.5.1 Uitlijning desktop: één raster, begrensde regellengte ===== */
/* Lopende tekst op pagina's nooit breder dan ~75 tekens */
.wp-block-post-content > .alignwide > p,
.wp-block-post-content > .alignwide > ul,
.wp-block-post-content > .alignwide > ol,
.wp-block-post-content > p { max-width: 40em; }
/* Rijen van drie (team, kaarten): gelijke kolommen, ook als de laatste rij er twee heeft */
@media (min-width: 782px) {
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:33.33%"]) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:33.33%"]) > .wp-block-column { flex-basis: auto !important; }
	/* Sectiekop op het kaartenraster: kop over twee kolommen, toelichting in kolom drie */
	.oihe-kop3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; }
	.oihe-kop3 > .wp-block-column:first-child { grid-column: span 2; }
	.oihe-kop3 > .wp-block-column { flex-basis: auto !important; }
	/* Bordenmaker op hetzelfde raster */
	.oihe-maker { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px; }
	.oihe-maker > :first-child { grid-column: 1; }
	.oihe-maker > :last-child { grid-column: 2 / span 2; max-width: 640px; }
}
/* Instrument: kaartjes blijven binnen de tekstkolom */
.oihe-instrument-tekst .oihe-kaartjes { width: auto; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; }

/* ===== 1.5.2 Hero-kop: "Ouderenzorg" past altijd op één regel ===== */
.oihe-hero__kolommen > .wp-block-column:first-child { container-type: inline-size; min-width: 0; }
.oihe-hero h1 { font-size: clamp(44px, 21cqi, 168px) !important; overflow-wrap: normal !important; word-break: normal; hyphens: manual; }
@media (max-width: 781px) { .oihe-hero h1 { font-size: clamp(44px, 21cqi, 112px) !important; } }