/* ============================================================
   Beval Samen — aanvullende opmaak
   Wat theme.json niet kan: header, hero met schuine foto,
   blokstijlen, kaarten, footer en mobiel.
   Kleuren komen uit theme.json (var(--wp--preset--color--*)).
   ============================================================ */

:root{
	--s-ink: var(--wp--preset--color--ink);
	--s-ink-2: var(--wp--preset--color--ink-2);
	--s-text: var(--wp--preset--color--text);
	--s-muted: var(--wp--preset--color--muted);
	--s-rose: var(--wp--preset--color--rose);
	--s-rose-dark: var(--wp--preset--color--rose-dark);
	--s-rose-soft: var(--wp--preset--color--rose-soft);
	--s-rose-hover: #f0caca;
	--s-blush: var(--wp--preset--color--blush);
	--s-cream: var(--wp--preset--color--cream);
	--s-white: var(--wp--preset--color--white);
	--s-line: var(--wp--preset--color--line);
	--s-radius: 10px;
	--s-shadow: 0 4px 18px rgba(60,30,30,.06);
	--s-shadow-hover: 0 14px 30px rgba(60,30,30,.12);
	--s-wide: var(--wp--style--global--wide-size, 1260px);
	/* zijmarge die met de brede kolom meeloopt, voor de hero */
	--s-gutter: max(20px, calc((100vw - var(--s-wide)) / 2 + 20px));
	--s-ease: cubic-bezier(.22,.8,.32,1);
}

body{ -webkit-font-smoothing: antialiased; }
:where(.wp-site-blocks) > *{ margin-block-start: 0; }
img{ height: auto; }
a{ text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
:focus-visible{ outline: 2px solid var(--s-rose-dark); outline-offset: 3px; }

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

/* ---------- knoppen ---------- */
.wp-element-button, .wp-block-button__link{
	display: inline-flex; align-items: center; gap: .55em;
	transition: background-color .2s var(--s-ease), transform .15s var(--s-ease), box-shadow .2s var(--s-ease);
}
.wp-block-button__link:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.16); }
.wp-block-button__link::after{ content: "\2192"; font-weight: 400; transition: transform .2s var(--s-ease); }
.wp-block-button__link:hover::after{ transform: translateX(3px); }
.wp-block-button.geen-pijl .wp-block-button__link::after,
.samen-header .wp-block-button__link::after{ content: none; }

.wp-block-button.is-style-rose .wp-block-button__link{
	background: var(--s-rose-soft); color: var(--s-ink);
}
.wp-block-button.is-style-rose .wp-block-button__link:hover{
	background: var(--s-rose-hover); color: var(--s-ink); box-shadow: 0 10px 24px rgba(201,118,125,.25);
}
.wp-block-button.is-style-outline .wp-block-button__link{
	background: transparent; color: var(--s-ink); border: 1.5px solid currentColor;
}

/* ---------- tekststijlen ---------- */
.is-style-eyebrow{
	font-size: .7rem !important; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
	color: var(--s-ink); margin-block-end: .6rem;
}
.is-style-eyebrow strong, .is-style-eyebrow em{ color: var(--s-rose); font-weight: 600; font-style: normal; }
.is-style-script{ font-family: var(--wp--preset--font-family--script); font-size: 2.2rem; line-height: 1; color: var(--s-rose); }
.is-style-tweekleur em, h1 em, h2 em{ font-style: normal; font-weight: 400; color: var(--s-rose); }
.samen-lede{ font-size: var(--wp--preset--font-size--large); color: var(--s-text); max-width: 56ch; }

/* ---------- lijst met vinkjes ---------- */
.wp-block-list.is-style-vinkjes{ list-style: none; padding-left: 0; display: grid; gap: .8rem; }
.wp-block-list.is-style-vinkjes li{ position: relative; padding-left: 1.9em; margin: 0; }
.wp-block-list.is-style-vinkjes li::before{
	content: ""; position: absolute; left: 0; top: .3em; width: 1.05em; height: 1.05em;
	background: var(--s-rose);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wp-block-list.is-style-vinkjes li strong{ display: block; color: var(--s-ink); }
.wp-block-list.is-style-vinkjes .samen-sub{ display: block; color: var(--s-muted); font-size: .92rem; }

/* ---------- kaarten ---------- */
.wp-block-group.is-style-kaart{
	background: var(--s-white); border: 1px solid var(--s-line); border-radius: var(--s-radius);
	box-shadow: var(--s-shadow); padding: clamp(1.25rem, 3vw, 2rem);
	transition: transform .25s var(--s-ease), box-shadow .25s var(--s-ease);
}
.wp-block-group.is-style-kaart-donker{
	background: var(--s-ink); color: var(--s-cream); border-radius: var(--s-radius);
	box-shadow: 0 20px 44px rgba(0,0,0,.18); padding: clamp(1.25rem, 3vw, 2rem);
}
.is-style-kaart-donker :where(h1,h2,h3,h4,strong){ color: var(--s-white); }
.is-style-kaart-donker .is-style-eyebrow{ color: var(--s-cream); }
.is-style-kaart-donker a:where(:not(.wp-element-button)){ color: var(--s-rose-soft); }
.is-style-kaart-donker .wp-block-list.is-style-vinkjes li::before{ background: var(--s-rose-soft); }
.is-style-kaart-donker .wp-block-button:not(.is-style-outline) .wp-block-button__link{ background: var(--s-rose-soft); color: var(--s-ink); }
.is-style-kaart-donker .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{ background: var(--s-rose-hover); }

.wp-block-group.is-style-belofte{ position: relative; padding: clamp(1.5rem, 4vw, 3rem); isolation: isolate; }
.wp-block-group.is-style-belofte::before{
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: var(--s-rose-soft); opacity: .65;
	border-radius: 30px 60px 40px 70px / 60px 30px 70px 40px; transform: rotate(-1.2deg);
}

.samen-prijs{ font-family: var(--wp--preset--font-family--serif); font-size: 2rem; line-height: 1.1; margin: 0; }
.samen-prijs small{ font-family: var(--wp--preset--font-family--sans); font-size: .85rem; opacity: .75; }
.samen-label{
	display: inline-block; background: var(--s-rose-soft); color: var(--s-ink);
	font-size: .72rem !important; font-weight: 600; padding: .3em .9em; border-radius: 999px; margin: 0;
}

/* ---------- secties ---------- */
.samen-sectie{ padding-block: var(--wp--preset--spacing--70); }
.samen-sectie--klein{ padding-block: var(--wp--preset--spacing--60); }

/* ---------- topbalk + header ---------- */
.samen-topbalk{ font-size: .78rem; padding-block: .55rem; }
.samen-topbalk p{ margin: 0; }
.samen-topbalk .samen-claims{ display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; }
.samen-topbalk .samen-claims span::before{ content: "\2713\00a0"; color: var(--s-rose-soft); }
.samen-topbalk a{ color: inherit; text-decoration: none; }
.samen-topbalk .samen-sterren{ color: #e7b25c; letter-spacing: 1px; }

.samen-header{ position: sticky; top: 0; z-index: 50; padding-block: .8rem; }
.admin-bar .samen-header{ top: 32px; }
@media (max-width: 782px){ .admin-bar .samen-header{ top: 0; position: relative; } }
.samen-logo img{ width: auto; height: 54px; max-width: none; }
.samen-logo{ margin: 0; flex-shrink: 0; }

.samen-header .wp-block-navigation{ gap: 1.35rem; }
.samen-header .wp-block-navigation .wp-block-navigation-item__content{ white-space: nowrap; opacity: .92; }
.samen-header .wp-block-navigation .wp-block-navigation-item__content:hover{ color: var(--s-rose-soft); opacity: 1; }
.samen-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content{
	box-shadow: inset 0 -2px 0 var(--s-rose-soft);
}
.samen-header .wp-block-navigation__submenu-container{
	background: var(--s-white) !important; color: var(--s-ink) !important;
	border: 1px solid var(--s-line) !important; border-radius: 12px; padding: .4rem !important;
	box-shadow: 0 10px 30px rgba(60,30,30,.12);
}
.samen-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ padding: .5em .8em !important; border-radius: 8px; }
.samen-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{ background: var(--s-rose-soft); color: var(--s-ink) !important; }
.samen-header .wp-block-button__link{ padding: .75em 1.4em; }

/* mobiel menu (overlay) */
.samen-header .wp-block-navigation__responsive-container.is-menu-open{ padding: 1.5rem 20px; }
.samen-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ align-items: stretch; padding-top: 3.5rem; }
.samen-header .is-menu-open .wp-block-navigation__container{ gap: 0 !important; width: 100%; }
.samen-header .is-menu-open .wp-block-navigation-item{ width: 100%; border-top: 1px solid rgba(255,255,255,.08); }
.samen-header .is-menu-open .wp-block-navigation-item__content{ font-size: 1.05rem; padding: .8em 0 !important; display: block; }
.samen-header .is-menu-open .wp-block-navigation__submenu-container{
	background: transparent !important; border: 0 !important; box-shadow: none; padding: 0 0 .6rem 1rem !important;
}
.samen-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{ border: 0; }
.samen-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ color: var(--s-cream) !important; opacity: .8; font-size: .95rem; padding: .45em 0 !important; }
.samen-header .wp-block-navigation__responsive-container-open svg,
.samen-header .wp-block-navigation__responsive-container-close svg{ width: 28px; height: 28px; }

@media (max-width: 1100px){
	.samen-header .wp-block-navigation__responsive-container-open:not(.always-shown){ display: flex; }
	.samen-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ display: none; }
}
@media (max-width: 640px){
	.samen-topbalk .samen-claims{ display: none; }
	.samen-topbalk > .wp-block-group{ justify-content: center !important; }
	.samen-header .wp-block-buttons{ display: none; }
	.samen-logo img{ height: 46px; }
}

/* ---------- hero ---------- */
.samen-hero{
	display: grid !important; grid-template-columns: 1fr 1fr; align-items: center;
	min-height: 540px; padding: 0 !important; overflow: hidden; gap: 0;
}
.samen-hero > *{ margin: 0 !important; max-width: none !important; }
.samen-hero__tekst{
	padding: var(--wp--preset--spacing--60) 2.5rem var(--wp--preset--spacing--60) var(--s-gutter) !important;
	max-width: calc(560px + var(--s-gutter)) !important;
}
.samen-hero__foto{ position: relative; align-self: stretch; height: 100%; }
.samen-hero__foto::before{
	content: ""; position: absolute; inset: 18% 42% 8% -8%;
	background: var(--s-rose-soft); opacity: .75;
	border-radius: 48% 52% 40% 60% / 50% 40% 60% 50%;
}
.samen-hero__foto img{
	position: relative; width: 100%; height: 100% !important; object-fit: cover; object-position: 65% center;
	clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 6% 55%);
}

.wp-block-image.is-style-schuin img{ clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 5% 55%); }

/* kerncijfers */
.samen-cijfers{ display: grid !important; grid-template-columns: repeat(3, auto); justify-content: start; gap: 1rem 2.2rem; }
.samen-cijfers p{ margin: 0; font-size: .85rem; color: var(--s-muted); line-height: 1.35; }
.samen-cijfers strong{ display: block; font-family: var(--wp--preset--font-family--serif); font-size: 1.45rem; color: var(--s-ink); margin-bottom: .2rem; }

/* ---------- samen: foto links, tekst rechts ---------- */
.samen-split{ display: grid !important; grid-template-columns: 1fr 2fr; padding: 0 !important; gap: 0; border-block: 1px solid var(--s-line); }
.samen-split > *{ margin: 0 !important; max-width: none !important; }
.samen-split__foto{ height: 100%; min-height: 360px; }
.samen-split__foto img{ width: 100%; height: 100% !important; object-fit: cover; }
.samen-split__tekst{ padding: var(--wp--preset--spacing--60) var(--s-gutter) var(--wp--preset--spacing--60) clamp(1.5rem, 4vw, 3.5rem) !important; }

/* ---------- recensies ---------- */
.samen-recensie{ height: 100%; }
.samen-recensie p{ color: var(--s-muted); font-size: .95rem; }
.samen-recensie .samen-naam{ color: var(--s-ink); font-weight: 600; margin-top: auto; display: flex; justify-content: space-between; gap: 1rem; }
.samen-recensie .samen-naam::after{ content: "\2605\2605\2605\2605\2605"; color: var(--s-rose); letter-spacing: 2px; font-weight: 400; }

/* ---------- query / blog ---------- */
.samen-berichten .wp-block-post{ background: var(--s-white); border: 1px solid var(--s-line); border-radius: var(--s-radius); box-shadow: var(--s-shadow); overflow: hidden; transition: transform .25s var(--s-ease), box-shadow .25s var(--s-ease); }
.samen-berichten .wp-block-post:hover{ transform: translateY(-4px); box-shadow: var(--s-shadow-hover); }
.samen-berichten .wp-block-post-featured-image{ margin: 0; }
.samen-berichten .wp-block-post-featured-image img{ aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.samen-berichten .samen-bericht-body{ padding: 1rem 1.25rem 1.4rem; }
.samen-berichten .wp-block-post-title a{ text-decoration: none; color: var(--s-ink); }
.samen-berichten .wp-block-post-title a:hover{ color: var(--s-rose-dark); }

/* ---------- pagina-kop ---------- */
.samen-paginakop{ padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); }

/* ---------- footer ---------- */
.samen-footer a{ color: var(--s-cream); text-decoration: none; opacity: .9; }
.samen-footer a:hover{ color: var(--s-rose-soft); opacity: 1; }
.samen-footer h4{ color: var(--s-rose-soft); margin-bottom: .9rem; }
.samen-footer ul{ list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; font-size: .92rem; }
.samen-footer p{ font-size: .88rem; opacity: .85; }
.samen-footer .samen-logo img{ height: 60px; }

/* ---------- mobiel ---------- */
@media (max-width: 900px){
	.samen-hero{ grid-template-columns: 1fr; min-height: 0; }
	.samen-hero__tekst{ padding: var(--wp--preset--spacing--50) 20px !important; max-width: none !important; }
	.samen-hero__foto{ height: 300px; }
	.samen-hero__foto::before{ display: none; }
	.samen-hero__foto img{ clip-path: none; }
	.samen-split{ grid-template-columns: 1fr; }
	.samen-split__foto{ min-height: 0; aspect-ratio: 4 / 3; }
	.samen-split__tekst{ padding: var(--wp--preset--spacing--50) 20px !important; }
}
@media (max-width: 640px){
	.samen-cijfers{ grid-template-columns: repeat(3, 1fr); gap: .75rem; }
	.samen-cijfers p{ font-size: .76rem; }
	.samen-cijfers strong{ font-size: 1.25rem; }
	.wp-block-buttons.samen-knoppen{ flex-direction: column; align-items: stretch; }
	.wp-block-buttons.samen-knoppen .wp-block-button__link{ width: 100%; justify-content: center; }
	.samen-footer .samen-footer-kolommen{ display: grid !important; grid-template-columns: 1fr 1fr; gap: 2rem 1.25rem; }
	.samen-footer .samen-footer-kolommen > .wp-block-column:first-child{ grid-column: 1 / -1; }
}

/* navigatie: witte links in de donkere header */
.samen-header .wp-block-navigation .wp-block-navigation-item__content{ color: var(--s-white); text-decoration: none; }
.samen-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ color: var(--s-ink) !important; }
.samen-header .wp-block-navigation__responsive-container-open,
.samen-header .wp-block-navigation__responsive-container-close{ color: var(--s-white); }
.is-style-kaart > * + *, .is-style-kaart-donker > * + *{ margin-block-start: 1rem; }
.is-style-kaart .samen-prijs, .is-style-kaart-donker .samen-prijs{ margin-block-start: .35rem; }
.samen-header .is-menu-open .wp-block-navigation__responsive-container-content,
.samen-header .is-menu-open .wp-block-navigation__container,
.samen-header .is-menu-open .wp-block-navigation-item,
.samen-header .is-menu-open .wp-block-navigation__submenu-container{ align-items: flex-start !important; text-align: left; justify-content: flex-start !important; }
.samen-footer a[href^="mailto"]{ word-break: break-all; }

/* ============================================================
   Geïmporteerde inhoud (weekpagina's, agenda, vergoeding …)
   ============================================================ */
.samen-paginakop h1{ margin-block: .2rem .6rem; }
.samen-noot{ font-size: .88rem; color: var(--s-muted); }
.samen-sub{ display: block; color: var(--s-muted); font-size: .92rem; }
.wp-block-image.samen-weekbeeld{ max-width: 220px; margin-block: .5rem 1rem; }
.wp-block-image.samen-weekbeeld img{ border-radius: var(--s-radius); }

/* kaartenrasters (weken, agenda, verzekeraars, pijlers) */
.wp-block-group.is-layout-grid > .is-style-kaart{ height: 100%; margin: 0; }
.samen-weeklink{ margin: 0; line-height: 1.4; }
.samen-weeklink a{ text-decoration: none; color: var(--s-text); display: block; }
.samen-weeklink a strong{ font-family: var(--wp--preset--font-family--serif); color: var(--s-rose); font-size: 1.05rem; }
.samen-weeklink a::after{ content: "Lees verder \2192"; display: block; margin-top: .4rem; font-size: .78rem; font-weight: 600; color: var(--s-rose-dark); }
.is-style-kaart:has(.samen-weeklink):hover{ transform: translateY(-3px); box-shadow: var(--s-shadow-hover); border-color: var(--s-rose); }

.samen-agendadag > *{ margin: 0 !important; }
.samen-agendadag{ display: flex; flex-direction: column; gap: .35rem; }
.samen-agendadag .samen-tijd{ font-size: .9rem; color: var(--s-muted); }
.samen-agendadag .samen-label{ align-self: flex-start; }
.samen-agendadag .wp-block-buttons{ margin-top: .4rem !important; }

.samen-verzekeraar h3{ font-size: 1.05rem; margin: .4rem 0 .6rem; }
.samen-verzekeraar h3 a{ color: var(--s-ink); }
.samen-verzekeraar ul{ padding-left: 1.1em; margin: 0; font-size: .92rem; }
.wp-block-image.samen-verzekeraarlogo{ margin: 0; }
.wp-block-image.samen-verzekeraarlogo img{ height: 36px; width: auto; max-width: 110px; object-fit: contain; }

.samen-callout{ background: var(--s-rose-soft) !important; border-color: transparent !important; box-shadow: none !important; }
.is-style-kaart .wp-block-buttons, .is-style-kaart-donker .wp-block-buttons{ margin-top: 1rem; }

/* formulieren (rekentool) */
.samen-form p{ display: grid; gap: .35rem; margin: 0 0 1.1rem; }
.samen-form label{ font-weight: 600; color: var(--s-ink); font-size: .92rem; }
.samen-form input, .samen-form select{
	font: inherit; padding: .75em 1em; border: 1.5px solid var(--s-line); border-radius: var(--s-radius); background: var(--s-white); color: var(--s-text);
}
.samen-form input:focus, .samen-form select:focus{ outline: none; border-color: var(--s-rose); }
.samen-form small{ color: var(--s-muted); font-size: .82rem; }
.samen-form button{ border: 0; cursor: pointer; width: 100%; justify-content: center; }
.samen-form .samen-uitkomst{ display: block; background: var(--s-rose-soft); padding: 1rem 1.2rem; border-radius: var(--s-radius); }
.samen-form .samen-vervolg a{ background: var(--s-rose-soft); color: var(--s-ink); text-decoration: none; width: 100%; justify-content: center; }

/* lopende tekst in pagina's */
.entry-content h2, .wp-block-post-content h2{ margin-top: 2.2rem; }
.wp-block-post-content .wp-block-group.alignwide > h2:first-child{ margin-top: 0; }
@media (max-width: 640px){
	.wp-block-post-content .wp-block-buttons{ gap: .6rem; }
}
.is-style-kaart-donker p, .is-style-kaart-donker li, .is-style-kaart-donker .samen-noot,
.is-style-kaart-donker .samen-lede, .is-style-kaart-donker .samen-sub{ color: var(--s-cream); }
.is-style-kaart-donker .samen-noot, .is-style-kaart-donker .samen-sub{ opacity: .8; }
.wp-block-list.is-style-vinkjes li strong::first-letter{ text-transform: uppercase; }
.samen-form input, .samen-form select{ width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.samen-form{ max-width: 100%; box-sizing: border-box; }
.samen-form [hidden]{ display: none !important; }
.is-style-kaart-donker .samen-label{ color: var(--s-ink); }

/* locatiefoto op de locatiepagina's */
.wp-block-image.samen-locatiefoto{ margin: 0; }
.wp-block-image.samen-locatiefoto img{
	width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
	border-radius: var(--s-radius); box-shadow: var(--s-shadow); background: var(--s-rose-soft);
}
@media (max-width: 781px){
	.wp-block-columns:has(.samen-locatiefoto){ flex-direction: column-reverse; }
}

/* ---------- onderwerpkaarten: hele kaart is klikbaar ---------- */
.samen-onderwerp{ position: relative; display: flex; flex-direction: column; gap: .35rem; -webkit-tap-highlight-color: transparent; }
.samen-onderwerp > *{ margin: 0 !important; }
.samen-onderwerp__titel{ font-family: var(--wp--preset--font-family--serif); font-weight: 700; font-size: 1.02rem; line-height: 1.3; }
.samen-onderwerp__titel a{ color: var(--s-ink); text-decoration: none; }
.samen-onderwerp__titel a::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; }
.samen-onderwerp__titel a:focus-visible{ outline: none; }
.samen-onderwerp:has(a:focus-visible){ outline: 2.5px solid var(--s-rose-dark); outline-offset: 3px; }
.samen-onderwerp__tekst{ font-size: .9rem; line-height: 1.5; color: var(--s-muted); }
.samen-onderwerp__meer{ margin-top: auto !important; padding-top: .35rem; font-size: .78rem; font-weight: 600; color: var(--s-rose-dark); }
.samen-onderwerp__meer::after{ content: " \2192"; display: inline-block; transition: transform .2s var(--s-ease); }
.samen-onderwerp:hover{ border-color: var(--s-rose) !important; }
.samen-onderwerp:hover .samen-onderwerp__meer::after{ transform: translateX(4px); }
.samen-onderwerp:active{ transform: scale(.98) !important; background: var(--s-blush); box-shadow: none; }
.wp-block-group.samen-onderwerp{ padding: 1.1rem 1.25rem 1rem; }

/* ---------- foto's op onderwerpkaarten en bovenaan onderwerppagina's ---------- */
.wp-block-group.samen-onderwerp{ overflow: hidden; }
.samen-onderwerp .wp-block-image.samen-onderwerp__beeld{
	margin: -1.1rem -1.25rem .6rem !important; aspect-ratio: 16 / 9; overflow: hidden;
	background: linear-gradient(135deg, var(--s-rose-soft), var(--s-blush));
}
.samen-onderwerp__beeld img{ width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 30%; transition: transform .5s var(--s-ease); }
@media (hover: hover) and (prefers-reduced-motion: no-preference){
	.samen-onderwerp:hover .samen-onderwerp__beeld img{ transform: scale(1.04); }
}
/* in de fase-blokken op het overzicht: foto als smalle strook links */
.is-style-kaart .samen-onderwerp:has(.samen-onderwerp__beeld){ display: grid; grid-template-columns: 96px 1fr; column-gap: 1rem; align-content: start; }
.is-style-kaart .samen-onderwerp:has(.samen-onderwerp__beeld) > :not(.samen-onderwerp__beeld){ grid-column: 2; }
.is-style-kaart .samen-onderwerp .wp-block-image.samen-onderwerp__beeld{ grid-column: 1; grid-row: 1 / span 3; margin: -1.1rem 0 -1rem -1.25rem !important; aspect-ratio: auto; height: calc(100% + 2.1rem); }

.wp-block-image.samen-kopfoto{ max-width: 900px; margin-block: 1.25rem 0; }
.wp-block-image.samen-kopfoto img{
	width: 100%; aspect-ratio: 16 / 9; max-height: 480px; object-fit: cover; object-position: 50% 30%;
	border-radius: var(--s-radius); box-shadow: var(--s-shadow);
}
.samen-onderwerp__beeld img[src*="opgroeien-kinderopvang-en-school"],
.samen-kopfoto img[src*="opgroeien-kinderopvang-en-school"]{ object-position: 50% 0; }