/*
 * Stijl Zacht (zorg) — vriendelijk, geruststellend, ook voor kinderen.
 * Koppen: Nunito 700 · Tekst: Nunito 400 · Afronding 20–28px, pill-knoppen.
 * Pastelvlakken afgeleid van de klantkleur (10–15% tint), zachte organische vormen,
 * ronde of blob-uitsneden voor foto's, gevulde ronde iconen.
 * Contrast: pasteltinten alleen als achtergrond; tekst blijft op AA-niveau (--klant-*-op-licht).
 */
:root {
	--bb-font-koppen: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
	--bb-font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
	--bb-kop-gewicht: 700;
	--bb-kop-spatie: -0.01em;

	--bb-achtergrond: #FCFBF8;
	--bb-vlak: var(--klant-accent-pastel);
	--bb-zacht: var(--klant-primair-pastel);
	--bb-kaart: #FEFDFB;
	--bb-rand: #ECE8E1;
	--bb-tekst: #24292D;
	--bb-muted: #545F66;

	--bb-radius: 24px;
	--bb-radius-knop: 999px;
	--bb-radius-foto: 28px;
	--bb-radius-icoon: 50%;
	--bb-schaduw: 0 2px 4px rgba(22, 25, 29, .04), 0 10px 28px rgba(22, 25, 29, .06);

	--bb-icoon-lijn: 1.8;
	--bb-icoon-vul: .22;
}
body { font-size: 1.09rem; }
.wp-block-uagb-container.bb-sectie--zacht, .wp-block-uagb-container.bb-sectie--tint { overflow: hidden !important; }
/* Zachte organische vormen op de achtergrond. */
.bb-sectie--zacht::before, .bb-sectie--zacht::after {
	content: ""; position: absolute; z-index: 0; pointer-events: none;
	border-radius: 58% 42% 51% 49% / 46% 55% 45% 54%; background: var(--klant-accent-pastel); opacity: .9;
}
.bb-sectie--zacht::before { width: 420px; height: 380px; top: -160px; right: -120px; }
.bb-sectie--zacht::after { width: 300px; height: 280px; bottom: -150px; left: -110px; background: var(--bb-kaart); opacity: .55; }
.bb-sectie--zacht > .uagb-container-inner-blocks-wrap { position: relative; z-index: 1; }
/* Blob-uitsnede voor foto's. */
.bb-foto img, .bb-hero__foto img { border-radius: 62% 38% 46% 54% / 48% 44% 56% 52%; }
.bb-hero--home .bb-hero__foto img { aspect-ratio: 1 / 1; }
.bb-team__raster .bb-behandelaar__foto { width: calc(100% - 40px); margin: 20px auto 0; border-radius: 50%; }
.bb-review__foto { border-radius: 0 0 50% 50% / 0 0 18% 18%; }
.bb-behandelaar { border-radius: var(--bb-radius); }
.bb-icoonrond { border-radius: 50%; background: var(--klant-accent-pastel); }
.bb-faq-item summary::after { background: var(--klant-accent-pastel); }
.bb-statusbalk__wrap { font-weight: 700; }
.bb-aannameblok { border-left: 0; border: 2px solid var(--klant-accent-pastel); }
.bb-filter__knop { border-width: 2px; }
.bb-page .wpforms-container :is(input[type=text], input[type=email], textarea, select) { border-radius: 16px !important; }