/* Woordzoekerhoek — huisstijl bovenop Twenty Twenty-Five. */
body {
	--wzh-teal: #0f766e;
	--wzh-donker: #134e4a;
	--wzh-zacht: #f0fdfa;
	--wzh-geel: #fbbf24;
	--wzh-rand: #e7e5e4;
	--wp--style--global--content-size: 720px;
	background: #fff;
}

/* Kop */
header.wp-block-template-part { background: #fff; border-bottom: 1px solid var(--wzh-rand); }
.wp-block-site-title a {
	display: inline-flex; align-items: center; gap: .55rem;
	font-weight: 800; letter-spacing: -.01em; color: var(--wzh-donker); text-decoration: none;
}
.wp-block-site-title a::before {
	content: ''; flex: none; width: 2.1rem; height: 2.1rem;
	background: url(logo.svg) center / contain no-repeat;
}
header .wp-block-navigation { font-weight: 600; }
header .wp-block-navigation-item__content:hover,
header .wp-block-navigation-item__content:focus-visible { color: var(--wzh-teal); }
header .wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--wzh-rand) !important; border-radius: 10px; box-shadow: 0 10px 30px rgba(19, 78, 74, .12); padding: .35rem 0;
}

/* Inhoud */
main#wp--skip-link--target { margin-top: 0 !important; }
main#wp--skip-link--target > .wp-block-group:first-child { padding-top: var(--wp--preset--spacing--50) !important; }
h1.wp-block-post-title, .wzh-hero h1 {
	font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: var(--wzh-donker);
}
h1.wp-block-post-title::after {
	content: ''; display: block; width: 72px; height: 6px; margin-top: .45em; border-radius: 99px;
	background: linear-gradient(90deg, var(--wzh-geel), var(--wzh-teal));
}
.entry-content h2 { font-weight: 800; letter-spacing: -.015em; color: var(--wzh-donker); }
.entry-content h3 { font-weight: 700; color: var(--wzh-donker); }
.entry-content a:not(.wp-block-button__link):not(.wzh-kaart) {
	color: var(--wzh-teal); text-decoration-thickness: 1px; text-underline-offset: .18em;
}
.entry-content a:not(.wp-block-button__link):not(.wzh-kaart):hover { color: var(--wzh-donker); text-decoration-thickness: 2px; }

/* Voet */
footer.wp-block-template-part { background: var(--wzh-donker); color: #d5ece9; margin-top: var(--wp--preset--spacing--60); }
footer.wp-block-template-part a { color: #fff; }
footer.wp-block-template-part a:hover { color: var(--wzh-geel); }
footer.wp-block-template-part h2, footer.wp-block-template-part .wp-block-site-title a { color: #fff; }

/* Startpagina: iets breder, zodat tekst en kaarten op één lijn staan */
body.home { --wp--style--global--content-size: 920px; }

/* Startpagina: hero */
.wzh-hero {
	background: radial-gradient(circle at 85% 20%, #fef3c7 0, rgba(254, 243, 199, 0) 45%), linear-gradient(160deg, #f0fdfa 0%, #ecfeff 55%, #fff 100%);
	border-bottom: 1px solid var(--wzh-rand);
	padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important;
	margin-top: 0 !important;
}
.wzh-hero .wp-block-columns { align-items: center !important; gap: 2.5rem; }
.wzh-hero h1 { font-size: clamp(2.1rem, 4.5vw, 3.4rem); margin: 0 0 .4em; }
.wzh-hero h1 mark { background: none; color: var(--wzh-teal); }
.wzh-hero .wzh-lead { font-size: 1.15rem; max-width: 34em; }
.wzh-hero .wp-block-buttons { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.4rem; }
.wzh-hero .wp-block-button__link { display: inline-block; text-decoration: none; line-height: 1.3; }
.wzh-hero .wp-block-button__link {
	background: var(--wzh-teal); color: #fff; border-radius: 999px; padding: .8rem 1.4rem; font-weight: 700; border: 2px solid var(--wzh-teal);
}
.wzh-hero .wp-block-button__link:hover { background: var(--wzh-donker); border-color: var(--wzh-donker); }
.wzh-hero .is-style-outline .wp-block-button__link { background: #fff; color: var(--wzh-teal); }
.wzh-hero .is-style-outline .wp-block-button__link:hover { background: var(--wzh-zacht); color: var(--wzh-donker); }
.wzh-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.2rem 0 0; padding: 0; list-style: none; font-size: .9rem; font-weight: 600; color: var(--wzh-donker); }
.wzh-chips li { background: rgba(255, 255, 255, .8); border: 1px solid #ccfbf1; padding: .25rem .7rem; border-radius: 99px; }
.wzh-chips li::before { content: '✓ '; color: var(--wzh-teal); }
.wzh-hero-rooster { width: 100%; max-width: 380px; height: auto; display: block; margin: 0 auto; filter: drop-shadow(0 18px 30px rgba(19, 78, 74, .18)); }
@media (max-width: 781px) {
	.wzh-hero-beeld { display: none; }
}

/* Kaarten */
.wzh-kaarten {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: .9rem;
	margin-top: 1.2rem; margin-bottom: 1.6rem;
}
.wzh-kaart {
	--k: #0f766e; --kl: #ccfbf1;
	display: flex; gap: .85rem; align-items: flex-start;
	padding: 1rem; border: 1px solid var(--wzh-rand); border-radius: 14px; background: #fff;
	color: #1c1917; text-decoration: none; transition: transform .15s, box-shadow .15s, border-color .15s;
}
.wzh-kaart:hover, .wzh-kaart:focus-visible { transform: translateY(-2px); border-color: var(--k); box-shadow: 0 10px 24px rgba(28, 25, 23, .08); }
.wzh-kaart-ico {
	flex: none; width: 2.8rem; height: 2.8rem; border-radius: 12px; background: var(--kl);
	display: flex; align-items: center; justify-content: center; font-size: 1.45rem; line-height: 1;
}
.wzh-kaart-tekst { display: flex; flex-direction: column; gap: .15rem; font-size: .92rem; line-height: 1.4; color: #57534e; }
.wzh-kaart-tekst strong { font-size: 1.02rem; font-weight: 800; color: var(--k); }
.wzh-k-rood { --k: #b91c1c; --kl: #fee2e2; }
.wzh-k-groen { --k: #15803d; --kl: #dcfce7; }
.wzh-k-oranje { --k: #c2410c; --kl: #ffedd5; }
.wzh-k-paars { --k: #7c3aed; --kl: #ede9fe; }
.wzh-k-blauw { --k: #1d4ed8; --kl: #dbeafe; }
.wzh-k-roze { --k: #be185d; --kl: #fce7f3; }
.wzh-k-geel { --k: #a16207; --kl: #fef9c3; }

/* Een blok "uitgelicht" */
.wzh-uitgelicht {
	border-radius: 16px; padding: 1.25rem 1.4rem !important; background: var(--wzh-zacht); border: 1px solid #ccfbf1;
}

/* Kleur per thema: het streepje onder de titel */
body.page-id-9 h1.wp-block-post-title::after, body.page-id-64 h1.wp-block-post-title::after { background: linear-gradient(90deg, #f87171, #b91c1c); }
body.page-id-10 h1.wp-block-post-title::after, body.page-id-29 h1.wp-block-post-title::after { background: linear-gradient(90deg, #4ade80, #15803d); }
body.page-id-46 h1.wp-block-post-title::after, body.page-id-47 h1.wp-block-post-title::after, body.page-id-31 h1.wp-block-post-title::after, body.page-id-63 h1.wp-block-post-title::after { background: linear-gradient(90deg, #fb923c, #c2410c); }
body.page-id-65 h1.wp-block-post-title::after { background: linear-gradient(90deg, #f472b6, #be185d); }
body.page-id-32 h1.wp-block-post-title::after, body.page-id-61 h1.wp-block-post-title::after { background: linear-gradient(90deg, #60a5fa, #1d4ed8); }