/* ACV 2026, ontwerpronde 3: verfijnde schaal, homepage-secties, merkdetails. Alleen tokens. */

:root {
	--acv-r-sm: var(--wp--custom--radius--klein);
	--acv-r: var(--wp--custom--radius--kaart);
	--acv-r-lg: var(--wp--custom--radius--paneel);
	--acv-sec: clamp(64px, 8vw, 112px);
}

*, *::before, *::after { box-sizing: border-box; }

/* Rustiger schaal voor koppen */
.acv-sec2 { padding-block: var(--acv-sec); }
.acv-sec2--kort { padding-top: 0; }
.acv-sec2--licht { background: var(--wp--preset--color--licht); }
.acv-sec2--beige { background: var(--wp--preset--color--beige); }
.acv-sec { padding-block: var(--acv-sec); }

.acv-kop { max-width: 640px; }
.acv-kop h2 { margin: 0; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.12; letter-spacing: -.015em; text-wrap: balance; }
.acv-kop__label { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; font: 600 13px/1 var(--wp--preset--font-family--sans); letter-spacing: .01em; color: var(--wp--preset--color--rood); }
.acv-kop__label .acv-ster { width: 10px; height: 10px; }
.acv-kop__label--licht { color: var(--wp--preset--color--wit); }
.acv-kop__label--licht .acv-ster { fill: var(--wp--preset--color--rood); }
.acv-kop__lead { margin: 14px 0 0; font-size: 17px; line-height: 1.6; color: var(--wp--preset--color--grijs); max-width: 56ch; }
.acv-kop-rij { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px; margin-bottom: clamp(32px, 4vw, 48px); }
.acv-kop-rij .acv-kop { margin: 0; }
.acv-sec .acv-kop { margin-bottom: clamp(32px, 4vw, 48px); }
.acv-acties { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 28px; }

/* Knoppen: compacter en verfijnder */
.acv-btn { min-height: 46px; padding: 12px 22px; font-size: 15px; letter-spacing: -.005em; }
.acv-btn--klein { min-height: 40px; padding: 9px 16px; font-size: 14px; }
.acv-btn--wit { background: var(--wp--preset--color--wit); border-color: var(--wp--preset--color--wit); color: var(--wp--preset--color--zwart); }
.acv-btn--wit::after { background: var(--wp--preset--color--beige); }
.acv-btn--wit:hover { color: var(--wp--preset--color--zwart); }
.acv-btn--glas { background: color-mix(in srgb, var(--wp--preset--color--wit) 10%, transparent); border-color: color-mix(in srgb, var(--wp--preset--color--wit) 55%, transparent); color: var(--wp--preset--color--wit); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.acv-btn--glas::after { background: color-mix(in srgb, var(--wp--preset--color--wit) 18%, transparent); }
.acv-link { position: relative; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; color: var(--wp--preset--color--zwart); text-decoration: none; padding-bottom: 3px; }
.acv-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: currentColor; transform-origin: left; transition: transform .5s var(--acv-ease); }
.acv-link:hover::after { transform: scaleX(.4); }
.acv-link::before { content: ""; order: 2; width: 7px; height: 7px; border-top: 1.75px solid currentColor; border-right: 1.75px solid currentColor; transform: rotate(45deg); transition: translate .4s var(--acv-ease); }
.acv-link:hover::before { translate: 3px 0; }

/* Tricolor-signatuur als klein detail */
.acv-tricolor { display: inline-flex; gap: 3px; }
.acv-tricolor i { width: 14px; height: 3px; border-radius: 2px; background: var(--wp--preset--color--zwart); }
.acv-tricolor i:nth-child(2) { background: var(--wp--preset--color--rood); }
.acv-tricolor i:nth-child(3) { background: var(--wp--preset--color--groen); }

/* ===== Hero met video, tekst in het midden ===== */
.acv-hero2 { position: relative; isolation: isolate; min-height: clamp(620px, 100svh, 980px); display: grid; place-items: center; overflow: hidden; background: var(--wp--preset--color--zwart); color: var(--wp--preset--color--wit); text-align: center; }
.acv-hero2__video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 2.6s var(--acv-ease); }
.acv-hero2.is-in .acv-hero2__video { transform: scale(1); }
.acv-hero2__overlay { position: absolute; inset: 0; z-index: -1; background:
	radial-gradient(ellipse 70% 60% at 50% 52%, color-mix(in srgb, var(--wp--preset--color--zwart) 62%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--zwart) 40%, transparent) 60%, color-mix(in srgb, var(--wp--preset--color--zwart) 72%, transparent) 100%),
	linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--zwart) 55%, transparent) 0%, transparent 28%, transparent 70%, color-mix(in srgb, var(--wp--preset--color--zwart) 70%, transparent) 100%); }
.acv-hero2__overlay::after { content: ""; position: absolute; inset: 0; background: var(--wp--preset--color--wit); opacity: .05; -webkit-mask: url(../svg/khatam.svg) 0 0 / 56px 56px repeat; mask: url(../svg/khatam.svg) 0 0 / 56px 56px repeat; }
.acv-hero2__inhoud { width: min(100% - 32px, 920px); padding-block: 140px 120px; display: flex; flex-direction: column; align-items: center; }
.acv-hero2__titel { margin: 0; color: var(--wp--preset--color--wit); font: 600 clamp(44px, 7.2vw, 92px)/1 var(--wp--preset--font-family--serif); letter-spacing: -.025em; text-wrap: balance; }
.acv-hero2__lead { margin: 24px auto 0; max-width: 46ch; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.6; font-weight: 500; color: color-mix(in srgb, var(--wp--preset--color--wit) 92%, transparent); }
.acv-hero2__acties { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 36px; }
.acv-hero2__scroll { position: absolute; left: 50%; bottom: 28px; translate: -50% 0; display: flex; flex-direction: column; align-items: center; gap: 10px; font: 600 12px/1 var(--wp--preset--font-family--sans); color: color-mix(in srgb, var(--wp--preset--color--wit) 75%, transparent); text-decoration: none; }
.acv-hero2__scroll i { position: relative; width: 1.5px; height: 40px; background: color-mix(in srgb, var(--wp--preset--color--wit) 25%, transparent); overflow: hidden; }
.acv-hero2__scroll i::after { content: ""; position: absolute; left: 0; top: -40%; width: 100%; height: 40%; background: var(--wp--preset--color--wit); animation: acv-scroll 2.2s var(--acv-ease) infinite; }
@keyframes acv-scroll { to { top: 100%; } }
.acv-js .acv-hero2__lead, .acv-js .acv-hero2__acties, .acv-js .acv-hero2__scroll { opacity: 0; transform: translateY(14px); transition: opacity .9s var(--acv-ease), transform 1s var(--acv-ease); }
.acv-js .acv-hero2__lead { transition-delay: .5s; } .acv-js .acv-hero2__acties { transition-delay: .65s; } .acv-js .acv-hero2__scroll { transition-delay: 1s; }
.acv-js .acv-hero2.is-in .acv-hero2__lead, .acv-js .acv-hero2.is-in .acv-hero2__acties, .acv-js .acv-hero2.is-in .acv-hero2__scroll { opacity: 1; transform: none; }
.acv-hero2 .acv-video-toggle { right: 24px; bottom: 28px; }

/* ===== Intro, pijlers, feiten ===== */
.acv-intro__top { display: grid; gap: 24px 64px; align-items: end; margin-bottom: clamp(40px, 5vw, 64px); }
@media (min-width: 1024px) { .acv-intro__top { grid-template-columns: 1.1fr 1fr; } }
.acv-intro__tekst p { margin: 0 0 20px; font-size: 17px; line-height: 1.7; color: var(--wp--preset--color--grijs); max-width: 52ch; }
.acv-pijlers2 { display: grid; gap: 1px; background: var(--wp--preset--color--zand); border: 1px solid var(--wp--preset--color--zand); border-radius: var(--acv-r-lg); overflow: hidden; }
@media (min-width: 768px) { .acv-pijlers2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .acv-pijlers2 { grid-template-columns: repeat(4, 1fr); } }
.acv-pijler2 { position: relative; background: var(--wp--preset--color--licht); padding: 32px 28px 36px; transition: background-color .4s; overflow: hidden; }
.acv-pijler2:hover { background: var(--wp--preset--color--wit); }
.acv-pijler2::before { content: ""; position: absolute; left: 0; top: 0; height: 3px; width: 0; background: var(--wp--preset--color--groen); transition: width .7s var(--acv-ease); }
.acv-pijler2--geloof::before { background: var(--wp--preset--color--rood); }
.acv-pijler2--kennis::before { background: var(--wp--preset--color--zwart); }
.acv-pijler2:hover::before { width: 100%; }
.acv-pijler2::after { content: ""; position: absolute; right: -28px; top: -28px; width: 110px; height: 110px; background: var(--wp--preset--color--zand); opacity: .7; -webkit-mask: url(../svg/khatam.svg) center / 110px 110px no-repeat; mask: url(../svg/khatam.svg) center / 110px 110px no-repeat; transition: transform 1.2s var(--acv-ease); }
.acv-pijler2:hover::after { transform: rotate(45deg); }
.acv-pijler2__ico { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-pijler2__ico .acv-icon { width: 22px; height: 22px; border: 0; padding: 0; color: inherit; }
.acv-pijler2--geloof .acv-pijler2__ico { background: var(--wp--preset--color--rood-tint); color: var(--wp--preset--color--rood-donker); }
.acv-pijler2--kennis .acv-pijler2__ico { background: var(--wp--preset--color--zand); color: var(--wp--preset--color--zwart); }
.acv-pijler2 h3 { margin: 22px 0 8px; font-size: 21px; }
.acv-pijler2 p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--grijs); }
.acv-feiten { display: grid; grid-template-columns: repeat(2, 1fr); margin: clamp(32px, 4vw, 48px) 0 0; border-top: 1px solid var(--wp--preset--color--zand); }
@media (min-width: 768px) { .acv-feiten { grid-template-columns: repeat(4, 1fr); } }
.acv-feiten > div { padding: 20px 0 0; display: flex; flex-direction: column-reverse; gap: 4px; }
.acv-feiten dt { font-size: 13px; color: var(--wp--preset--color--grijs); }
.acv-feiten dd { margin: 0; font: 600 clamp(24px, 2.4vw, 30px)/1.1 var(--wp--preset--font-family--serif); }
.acv-feiten__leeg dd, .acv-feiten__leeg dt { color: color-mix(in srgb, var(--wp--preset--color--grijs) 55%, transparent); }

/* ===== Lopende band: klein en rustig ===== */

/* ===== Evenementen: verfijning van de kaarten ===== */
.acv-filter { gap: 8px; margin-bottom: 28px; }
.acv-filter button { min-height: 40px; padding: 0 16px; font-size: 14px; transition: background-color .3s, border-color .3s, color .3s; }
.acv-filter button:hover { border-color: var(--wp--preset--color--zwart); }
.acv-event { border-radius: var(--acv-r); }
.acv-event__img { aspect-ratio: 16 / 10; position: relative; }
.acv-event__body { padding: 22px 22px 14px; gap: 18px; }
.acv-event__date { padding-right: 18px; }
.acv-event__date b { font-size: 30px; color: var(--wp--preset--color--zwart); }
.acv-event__date span { font-weight: 600; color: var(--wp--preset--color--rood); }
.acv-event__title { font-size: 19px; line-height: 1.25; }
.acv-event__meta { font-size: 14px; }
.acv-event__cta { margin: auto 22px 22px; }
.acv-empty { display: flex; gap: 20px; align-items: center; max-width: none; padding: 28px 32px; border-radius: var(--acv-r-lg); background: var(--wp--preset--color--wit); }
.acv-empty::before { content: ""; flex: none; width: 44px; height: 44px; background: var(--wp--preset--color--groen); -webkit-mask: url(../svg/khatam.svg) center / 44px 44px no-repeat; mask: url(../svg/khatam.svg) center / 44px 44px no-repeat; }

/* ===== ACV Jongeren ===== */
.acv-jong { position: relative; isolation: isolate; overflow: hidden; background: var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); padding-block: var(--acv-sec); }
.acv-jong::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wp--preset--color--wit); opacity: .1; -webkit-mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat, linear-gradient(90deg, black, transparent 60%); -webkit-mask-composite: source-in; mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat, linear-gradient(90deg, black, transparent 60%); mask-composite: intersect; }
.acv-jong__grid { display: grid; gap: 48px; align-items: center; }
@media (min-width: 1024px) { .acv-jong__grid { grid-template-columns: 1.05fr .95fr; gap: 88px; } }
.acv-jong h2 { margin: 24px 0 16px; color: var(--wp--preset--color--wit); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; letter-spacing: -.015em; max-width: 16ch; }
.acv-jong__tekst > p:not(.acv-lockup) { margin: 0; font-size: 17px; line-height: 1.7; color: color-mix(in srgb, var(--wp--preset--color--wit) 86%, transparent); max-width: 52ch; }
.acv-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; }
.acv-chips li { padding: 8px 14px; border-radius: var(--wp--custom--radius--pil); border: 1px solid color-mix(in srgb, var(--wp--preset--color--wit) 28%, transparent); font-size: 14px; font-weight: 600; }
.acv-jong__beeld { position: relative; }
@keyframes acv-draai { to { transform: rotate(360deg); } }
.acv-jong .acv-media--leeg { background: color-mix(in srgb, var(--wp--preset--color--wit) 10%, var(--wp--preset--color--groen)); border: 1px solid color-mix(in srgb, var(--wp--preset--color--wit) 20%, transparent); }

/* ===== Doneren ===== */
.acv-geef { display: grid; gap: 32px; padding: clamp(32px, 5vw, 64px); border-radius: var(--acv-r-lg); background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); position: relative; overflow: hidden; }
.acv-geef::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--wp--preset--color--rood); }
@media (min-width: 1024px) { .acv-geef { grid-template-columns: 1.35fr 1fr; gap: 64px; align-items: center; } }
.acv-geef__tekst > p { margin: 18px 0 0; color: var(--wp--preset--color--grijs); max-width: 54ch; line-height: 1.7; }
.acv-geef__anbi { display: grid; grid-template-columns: auto 1fr; gap: 6px 20px; align-items: center; padding: 28px; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
.acv-geef__anbi p { margin: 0; font-size: 15px; color: var(--wp--preset--color--grijs); }
.acv-geef__anbi strong { color: var(--wp--preset--color--zwart); }
.acv-geef__anbi .acv-link { grid-column: 2; justify-self: start; margin-top: 6px; }
.acv-anbi-zegel { grid-row: span 2; display: grid; place-items: center; align-content: center; width: 76px; height: 76px; border-radius: 50%; border: 2px solid var(--wp--preset--color--rood); color: var(--wp--preset--color--rood); box-shadow: inset 0 0 0 4px var(--wp--preset--color--wit), inset 0 0 0 5px var(--wp--preset--color--rood-tint); }
.acv-anbi-zegel b { font: 700 16px/1 var(--wp--preset--font-family--serif); letter-spacing: .04em; }
.acv-anbi-zegel small { font-size: 11px; font-weight: 600; margin-top: 3px; }


/* ===== Oproep ===== */
.acv-oproep2 { position: relative; isolation: isolate; overflow: hidden; background: var(--wp--preset--color--zwart); color: var(--wp--preset--color--wit); padding-block: clamp(56px, 7vw, 96px); }
.acv-oproep2::before { content: ""; position: absolute; inset: 0 0 0 55%; z-index: -1; background: var(--wp--preset--color--wit); opacity: .07; -webkit-mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat, linear-gradient(90deg, transparent, black); -webkit-mask-composite: source-in; mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat, linear-gradient(90deg, transparent, black); mask-composite: intersect; }
.acv-oproep2__grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) { .acv-oproep2__grid { grid-template-columns: 1fr 1fr; gap: 80px; } }
.acv-oproep2 h2 { margin: 0 0 14px; color: var(--wp--preset--color--wit); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; letter-spacing: -.015em; }
.acv-oproep2 p:not(.acv-kop__label) { margin: 0; color: var(--acv-op-donker); max-width: 46ch; line-height: 1.7; }
.acv-oproep2__keuzes { display: grid; gap: 12px; }
.acv-keuze { position: relative; display: block; padding: 24px 72px 24px 28px; border-radius: var(--acv-r); background: color-mix(in srgb, var(--wp--preset--color--wit) 6%, transparent); border: 1px solid color-mix(in srgb, var(--wp--preset--color--wit) 14%, transparent); color: var(--wp--preset--color--wit); text-decoration: none; transition: background-color .4s, border-color .4s, transform .5s var(--acv-ease); }
.acv-keuze b { display: block; font: 600 22px/1.2 var(--wp--preset--font-family--serif); }
.acv-keuze span { display: block; margin-top: 6px; font-size: 14px; color: var(--acv-op-donker); }
.acv-keuze::after { content: ""; position: absolute; right: 24px; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: var(--wp--preset--color--groen); transition: transform .5s var(--acv-ease), background-color .3s; }
.acv-keuze + .acv-keuze::after { background: var(--wp--preset--color--rood); }
.acv-keuze::before { content: ""; position: absolute; right: 40px; top: 50%; z-index: 1; width: 8px; height: 8px; margin-top: -4px; border-top: 2px solid var(--wp--preset--color--wit); border-right: 2px solid var(--wp--preset--color--wit); transform: rotate(45deg); transition: translate .5s var(--acv-ease); }
.acv-keuze:hover { background: color-mix(in srgb, var(--wp--preset--color--wit) 10%, transparent); border-color: color-mix(in srgb, var(--wp--preset--color--wit) 30%, transparent); transform: translateX(4px); }
.acv-keuze:hover::after { transform: scale(1.1); }
.acv-keuze:hover::before { translate: 2px 0; }

/* ===== Reviews ===== */
.acv-revs { display: grid; gap: 16px; margin-top: clamp(32px, 4vw, 48px); }
@media (min-width: 768px) { .acv-revs { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .acv-revs { grid-template-columns: repeat(4, 1fr); } }
.acv-rev { margin: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 28px; border-radius: var(--acv-r); background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); position: relative; }
.acv-rev::before { content: "\201C"; position: absolute; right: 22px; top: 6px; font: 600 64px/1 var(--wp--preset--font-family--serif); color: var(--wp--preset--color--zand); }
.acv-rev blockquote { margin: 0; }
.acv-rev blockquote p { margin: 0; font: 500 17px/1.55 var(--wp--preset--font-family--serif); }
.acv-rev figcaption { display: flex; align-items: center; gap: 12px; }
.acv-rev__av { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); font: 600 16px/1 var(--wp--preset--font-family--serif); }
.acv-rev:nth-child(3n+2) .acv-rev__av { background: var(--wp--preset--color--rood); }
.acv-rev:nth-child(3n) .acv-rev__av { background: var(--wp--preset--color--zwart); }
.acv-rev figcaption b { display: block; font-size: 15px; }
.acv-rev figcaption small { display: block; font-size: 13px; color: var(--wp--preset--color--grijs); }

/* ===== Binnenpagina's: verhoudingen ===== */
.acv-pagehero { padding-block: clamp(48px, 6vw, 88px) clamp(48px, 6vw, 80px); }
.acv-pagehero h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1.04; margin-top: 20px; max-width: 18ch; text-wrap: balance; }
.acv-pagehero__intro { font-size: 18px; line-height: 1.6; max-width: 58ch; margin-top: 20px; }
.acv-pagehero .acv-actions { margin-top: 32px; gap: 12px; }
.acv-pagehero--beeld .acv-media { max-height: 520px; aspect-ratio: 5 / 4; }
.acv-crumbs { font-size: 13px; }
.acv-pagehero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--acv-sig); opacity: .9; }
.acv-pagehero--groen::after { display: none; }
.acv-split2 { gap: clamp(40px, 6vw, 88px); }
.acv-card2 { padding: 32px 28px; border-radius: var(--acv-r); }
.acv-card2 h3 { font-size: 20px; margin-top: 20px; }
.acv-card2 p { font-size: 15px; line-height: 1.65; }
.acv-card2 .acv-icon { width: 44px; height: 44px; padding: 10px; border-radius: 12px; border: 0; background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-cards--compact .acv-card2 .acv-icon { flex: none; }
.acv-statement p { font-size: clamp(26px, 3.2vw, 40px); max-width: 26ch; }
.acv-sterlijst li { font-size: 17px; line-height: 1.55; }
.acv-genummerd li { font-size: 16px; line-height: 1.6; }
.acv-groot { font-size: clamp(19px, 1.8vw, 23px); line-height: 1.45; }
.acv-duo article { padding: clamp(32px, 4vw, 48px); }
.acv-motto p { font-size: clamp(26px, 3vw, 38px); }
.acv-donatie { padding: clamp(28px, 4vw, 44px); }
.acv-donatie h3 { font-size: 24px; }
.acv-linkcard span { font-size: 18px; }

/* Vacatures en stappen */
.acv-vacs { display: grid; gap: 16px; }
@media (min-width: 1024px) { .acv-vacs { grid-template-columns: repeat(3, 1fr); } }
.acv-vac { display: flex; flex-direction: column; gap: 14px; padding: 28px; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); transition: transform .5s var(--acv-ease), box-shadow .5s var(--acv-ease); }
.acv-vac:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--zwevend); }
.acv-vac__top { display: flex; gap: 6px; flex-wrap: wrap; }
.acv-vac h3 { margin: 4px 0 0; font-size: 20px; line-height: 1.25; }
.acv-vac p { margin: 0; color: var(--wp--preset--color--grijs); font-size: 15px; }
.acv-vac__meta { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 4px 0 6px; padding: 0; font-size: 13px; color: var(--wp--preset--color--grijs); }
.acv-vac__meta li { display: inline-flex; align-items: center; gap: 6px; }
.acv-vac__meta li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--wp--preset--color--groen); }
.acv-vac .acv-btn { margin-top: auto; align-self: flex-start; }
.acv-tag2 { padding: 4px 10px; border-radius: var(--wp--custom--radius--pil); font: 700 12px/1.4 var(--wp--preset--font-family--sans); background: var(--wp--preset--color--rood-tint); color: var(--wp--preset--color--rood-donker); }
.acv-tag2--groen { background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-sollicitatie { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) { .acv-sollicitatie { grid-template-columns: 1.1fr 1fr; gap: 80px; } }
.acv-stappen { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; gap: 12px; }
.acv-stappen li { counter-increment: s; position: relative; display: grid; gap: 2px; padding: 20px 24px 20px 72px; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
.acv-stappen li::before { content: counter(s); position: absolute; left: 22px; top: 50%; margin-top: -17px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); font: 600 15px/1 var(--wp--preset--font-family--serif); }
.acv-stappen b { font-size: 16px; } .acv-stappen span { font-size: 14px; color: var(--wp--preset--color--grijs); }
.acv-stappen--rij { margin: 28px 0; }
@media (min-width: 768px) { .acv-stappen--rij { grid-template-columns: repeat(3, 1fr); } .acv-stappen--rij li { padding: 56px 20px 20px; } .acv-stappen--rij li::before { top: 18px; left: 20px; margin-top: 0; } }

/* ===== Header: altijd zichtbaar, submenu's ===== */
.acv-header.is-weg { transform: none; }
.acv-nav .wp-block-navigation__submenu-container { min-width: 240px !important; padding: 10px !important; border: 1px solid var(--wp--preset--color--zand) !important; border-radius: var(--acv-r) !important; background: var(--wp--preset--color--licht) !important; color: var(--wp--preset--color--zwart) !important; box-shadow: var(--wp--preset--shadow--zwevend); }
.acv-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 10px 12px !important; border-radius: 10px; font-weight: 600; }
.acv-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; }
.acv-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--beige); }
.acv-nav .wp-block-navigation-submenu__toggle { margin-left: 4px; }
.acv-header--overlay .acv-nav .wp-block-navigation__submenu-container { color: var(--wp--preset--color--zwart) !important; }
.acv-nav .is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; border: 0 !important; box-shadow: none; padding: 4px 0 0 !important; }
.acv-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font: 600 17px/1.3 var(--wp--preset--font-family--sans) !important; padding: 6px 0 !important; color: var(--wp--preset--color--grijs) !important; }
.acv-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border-bottom: 0; animation: none; padding-bottom: 0; }

/* Footer: Instagram en ANBI uitgelicht */

@media (prefers-reduced-motion: reduce) {
	.acv-hero2__video { transform: none !important; }
	.acv-js .acv-hero2 * { opacity: 1 !important; transform: none !important; }
}


/* ===== Ronde 4 ===== */
/* Band naadloos: twee gelijke helften, schuift precies de helft op */
/* Stempel draait op zijn plek */

/* Voorbeeldkaarten in de agenda */
.acv-event--voorbeeld .acv-event__img { position: relative; display: grid; place-items: center; }
.acv-event--voorbeeld .acv-event__noimg { position: absolute; inset: 0; }
.acv-event__phlabel { position: relative; z-index: 1; font-size: 13px; padding: 8px 14px; }
.acv-tag--voorbeeld { background: var(--wp--preset--color--rood-tint); color: var(--wp--preset--color--rood-donker); }
.acv-event--voorbeeld .acv-event__title, .acv-event--voorbeeld .acv-event__meta { color: var(--wp--preset--color--grijs); }
.acv-mock-noot { margin: 16px 0 0; font-size: 13px; color: var(--wp--preset--color--grijs); }
.acv-media--breedte { aspect-ratio: 16 / 10; border-radius: 0; }

/* Soorten / pijlerkaarten met beeld */
.acv-soorten { display: grid; gap: 20px; }
@media (min-width: 768px) { .acv-soorten { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .acv-soorten:not(.acv-soorten--2) { grid-template-columns: repeat(4, 1fr); } }
.acv-soort { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); transition: transform .5s var(--acv-ease), box-shadow .5s var(--acv-ease); }
.acv-soort:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--zwevend); }
.acv-soort .acv-media { border-radius: 0; }
.acv-soort__tekst { padding: 24px 24px 28px; }
.acv-soort__tekst .acv-icon { width: 40px; height: 40px; padding: 9px; border: 0; border-radius: 11px; background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-soort h3 { margin: 16px 0 8px; font-size: 20px; line-height: 1.25; }
.acv-soort p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--wp--preset--color--grijs); }
.acv-soorten--2 .acv-soort { display: grid; grid-template-columns: 1fr; }
@media (min-width: 1024px) { .acv-soorten--2 .acv-soort { grid-template-columns: .9fr 1fr; } .acv-soorten--2 .acv-soort .acv-media { aspect-ratio: auto; height: 100%; min-height: 340px; } .acv-soorten--2 .acv-soort__tekst { padding: 32px; align-self: center; } }

/* Labels uitleg */
.acv-labels { display: grid; gap: 16px; }
@media (min-width: 768px) { .acv-labels { grid-template-columns: repeat(3, 1fr); } }
.acv-labels article { padding: 28px; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
.acv-labels h3 { margin: 16px 0 6px; font-size: 20px; }
.acv-labels p { margin: 0; font-size: 15px; color: var(--wp--preset--color--grijs); }

/* Idee- en CTA-blok */
.acv-idee { display: grid; gap: 24px 48px; align-items: end; padding: clamp(28px, 4vw, 48px); border-radius: var(--acv-r-lg); background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); }
@media (min-width: 1024px) { .acv-idee { grid-template-columns: 1.4fr auto; } .acv-idee .acv-acties { margin-top: 0; } }

/* Doneren */
.acv-impact { display: grid; gap: 1px; background: var(--wp--preset--color--zand); border: 1px solid var(--wp--preset--color--zand); border-radius: var(--acv-r-lg); overflow: hidden; }
@media (min-width: 768px) { .acv-impact { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .acv-impact { grid-template-columns: repeat(4, 1fr); } }
.acv-impact article { padding: 28px; background: var(--wp--preset--color--licht); }
.acv-impact .acv-icon { width: 40px; height: 40px; padding: 9px; border: 0; border-radius: 11px; background: var(--wp--preset--color--rood-tint); color: var(--wp--preset--color--rood-donker); }
.acv-impact h3 { margin: 16px 0 6px; font-size: 18px; }
.acv-impact p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--wp--preset--color--grijs); }
.acv-dkaarten { display: grid; gap: 20px; }
@media (min-width: 1024px) { .acv-dkaarten { grid-template-columns: repeat(2, 1fr); } }
.acv-dkaart { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--acv-r-lg); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
.acv-dkaart .acv-media { border-radius: 0; aspect-ratio: 16 / 8; }
.acv-dkaart__tekst { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 28px 32px 32px; flex: 1; }
.acv-dkaart h3 { margin: 4px 0 0; font-size: 22px; }
.acv-dkaart p { margin: 0 0 8px; font-size: 15.5px; line-height: 1.65; color: var(--wp--preset--color--grijs); }
.acv-dkaart .acv-btn { margin-top: auto; }
.acv-overmaken { display: grid; gap: 40px; align-items: start; }
@media (min-width: 1024px) { .acv-overmaken { grid-template-columns: 1fr 1.1fr; gap: 72px; } }
.acv-citaat { margin: 32px 0 0; padding: 20px 0 0 24px; border-left: 3px solid var(--wp--preset--color--rood); }
.acv-citaat p { margin: 0; font: 600 20px/1.4 var(--wp--preset--font-family--serif); }
.acv-citaat p::before { content: "\201C"; } .acv-citaat p::after { content: "\201D"; }
.acv-citaat cite { display: block; margin-top: 8px; font-style: normal; font-size: 14px; color: var(--wp--preset--color--grijs); }
.acv-bank [data-copy] { font-size: 18px; }
.acv-bank > div { padding: 18px 24px; }
@media (min-width: 768px) { .acv-bank > div { grid-template-columns: 130px 1fr; } }
.acv-bank dd { font-size: 15px; }
.acv-bank__omschr { flex-direction: column; align-items: flex-start !important; gap: 6px !important; }
.acv-bank__omschr span { color: var(--wp--preset--color--grijs); font-size: 14px; }
.acv-bank__omschr b { color: var(--wp--preset--color--zwart); margin-right: 6px; font-size: 15px; }
.acv-anbistrip { display: grid; gap: 20px 32px; align-items: center; padding: 28px 32px; border-radius: var(--acv-r-lg); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
@media (min-width: 1024px) { .acv-anbistrip { grid-template-columns: auto 1fr auto; } .acv-anbistrip .acv-acties { margin-top: 0; } }
.acv-anbistrip h2 { margin: 0 0 4px; font-size: 22px; }
.acv-anbistrip p { margin: 0; font-size: 15px; color: var(--wp--preset--color--grijs); }
.acv-projecten { display: grid; gap: 20px; }
@media (min-width: 1024px) { .acv-projecten { grid-template-columns: 1.3fr 1fr 1fr; } }
.acv-project { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
.acv-project .acv-media { border-radius: 0; }
.acv-project__tekst { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 24px 26px 28px; flex: 1; }
.acv-project__jaar { margin: 0; font-size: 13px; font-weight: 700; color: var(--wp--preset--color--rood); }
.acv-project h3 { margin: 0; font-size: 20px; line-height: 1.25; }
.acv-project p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--grijs); }
.acv-project .acv-btn { margin-top: auto; }
.acv-project--nu { border-top: 4px solid var(--wp--preset--color--rood); }

/* Lid worden */
.acv-trust { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; padding: 0; }
.acv-trust li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--wp--custom--radius--pil); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); font-size: 13px; font-weight: 600; }
.acv-trust li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--wp--preset--color--groen); }
.acv-trust li:nth-child(2)::before { background: var(--wp--preset--color--rood); }
.acv-trust li:nth-child(3)::before { background: var(--wp--preset--color--zwart); }
.acv-waarom { display: grid; gap: 40px; align-items: center; }
.acv-waarom + .acv-waarom { margin-top: clamp(56px, 7vw, 96px); }
@media (min-width: 1024px) { .acv-waarom { grid-template-columns: .9fr 1.1fr; gap: 80px; } .acv-waarom--om { grid-template-columns: 1.1fr .9fr; } }
.acv-waarom__beeld { max-height: 600px; }
.acv-punten { list-style: none; margin: 32px 0 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { .acv-punten { grid-template-columns: repeat(2, 1fr); } }
.acv-punt { display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: var(--acv-r); background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); transition: border-color .3s, background-color .3s, transform .5s var(--acv-ease); }
.acv-punt:hover { background: var(--wp--preset--color--wit); border-color: var(--wp--preset--color--groen); transform: translateY(-3px); }
.acv-punt .acv-icon { width: 40px; height: 40px; padding: 9px; border: 0; border-radius: 11px; background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-waarom--om .acv-punt .acv-icon { background: var(--wp--preset--color--rood-tint); color: var(--wp--preset--color--rood-donker); }
.acv-punt h3 { margin: 0 0 4px; font-size: 17px; line-height: 1.3; }
.acv-punt p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--wp--preset--color--grijs); }
.acv-aanmeld { display: grid; gap: 40px; align-items: start; }
@media (min-width: 1024px) { .acv-aanmeld { grid-template-columns: 380px 1fr; gap: 64px; } .acv-aanmeld__info { position: sticky; top: 120px; } }
.acv-aanmeld__info .acv-stappen { margin-top: 28px; }
.acv-aanmeld__hulp { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--zand); font-size: 15px; }
.acv-aanmeld__hulp p { margin: 0 0 8px; }

/* ===== Aanmeldformulier: simpel, duidelijk, zakelijk ===== */
.acv-formcard--lid { padding: 0; overflow: hidden; box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--zwart) 6%, transparent), var(--wp--preset--shadow--zwevend); }
.acv-formcard__kop { padding: 24px 32px; border-bottom: 1px solid var(--wp--preset--color--zand); background: var(--wp--preset--color--wit); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; }
.acv-formcard__kop h3 { margin: 0; font-size: 20px; }
.acv-formcard__kop p { margin: 0; font-size: 13px; color: var(--wp--preset--color--grijs); }
.acv-formcard--lid .forminator-ui { padding: 28px 32px 32px; }
@media (max-width: 599px) { .acv-formcard__kop, .acv-formcard--lid .forminator-ui { padding-inline: 20px; } }
.acv-formcard .forminator-ui form { margin: 0; }
.acv-formcard .forminator-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 16px; margin: 0 0 20px; }
.acv-formcard .forminator-row:empty, .acv-formcard .forminator-hidden { display: none !important; }
.acv-formcard .forminator-col { grid-column: span 12; min-width: 0; }
@media (min-width: 600px) { .acv-formcard .forminator-col-6 { grid-column: span 6; } }
.acv-formcard .forminator-field { display: flex; flex-direction: column; gap: 8px; margin: 0; border: 0; padding: 0; }
.acv-formcard .forminator-label { display: block; margin: 0; font: 600 14px/1.35 var(--wp--preset--font-family--sans) !important; color: var(--wp--preset--color--zwart) !important; }
.acv-formcard .forminator-required { color: var(--wp--preset--color--rood) !important; }
.acv-formcard .forminator-description { margin: 0; font-size: 13px; line-height: 1.5; color: var(--wp--preset--color--grijs); }
.acv-formcard .forminator-ui .forminator-input, .acv-formcard .forminator-input, .acv-formcard input[type="text"], .acv-formcard input[type="email"], .acv-formcard input[type="tel"], .acv-formcard textarea, .acv-formcard select {
	width: 100%; height: 48px; margin: 0; padding: 0 14px; border-radius: 10px !important; border: 1.5px solid var(--wp--preset--color--zand) !important; background: var(--wp--preset--color--wit) !important;
	font: 400 16px/1.4 var(--wp--preset--font-family--sans) !important; color: var(--wp--preset--color--zwart) !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s; appearance: none; }
.acv-formcard textarea { height: auto; min-height: 120px; padding: 12px 14px; }
.acv-formcard input:hover, .acv-formcard textarea:hover { border-color: color-mix(in srgb, var(--wp--preset--color--grijs) 40%, var(--wp--preset--color--zand)) !important; }
.acv-formcard input:focus, .acv-formcard textarea:focus, .acv-formcard select:focus { outline: none !important; border-color: var(--wp--preset--color--groen) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--groen) 18%, transparent) !important; }
/* Keuzerondjes als nette knoppen */
.acv-formcard .forminator-field-radio .forminator-field { display: flex; flex-flow: row wrap; gap: 8px; }
.acv-formcard .forminator-field-radio .forminator-label { flex: 0 0 100%; margin-bottom: 2px; }
.acv-formcard .forminator-radio { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 0 16px 0 14px; border-radius: 10px; border: 1.5px solid var(--wp--preset--color--zand); background: var(--wp--preset--color--wit); cursor: pointer; font-size: 15px; transition: border-color .2s, background-color .2s; }
.acv-formcard .forminator-radio:hover { border-color: color-mix(in srgb, var(--wp--preset--color--grijs) 40%, var(--wp--preset--color--zand)); }
.acv-formcard .forminator-radio input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.acv-formcard .forminator-radio-bullet { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--grijs) 55%, transparent); background: var(--wp--preset--color--wit); transition: border .2s, box-shadow .2s; }
.acv-formcard .forminator-radio:has(input:checked) { border-color: var(--wp--preset--color--groen); background: var(--wp--preset--color--groen-tint); }
.acv-formcard .forminator-radio:has(input:checked) .forminator-radio-bullet { border: 5px solid var(--wp--preset--color--groen); }
.acv-formcard .forminator-radio:has(input:focus-visible) { box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--rood) 60%, transparent); }
.acv-formcard .forminator-radio-label { line-height: 1.3; }
/* Maandelijkse bijdrage als gelijke tegels */
.acv-formcard #radio-3 .forminator-field { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.acv-formcard #radio-3 .forminator-label { grid-column: 1 / -1; }
.acv-formcard #radio-3 .forminator-radio { justify-content: center; padding: 10px 8px; flex-direction: column; gap: 6px; min-height: 72px; text-align: center; font-weight: 600; }
.acv-formcard #radio-3 .forminator-radio-bullet { width: 16px; height: 16px; }
/* Toestemming */
.acv-formcard .forminator-checkbox__wrapper { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 10px; background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); }
.acv-formcard .forminator-checkbox__wrapper:has(input:checked) { border-color: var(--wp--preset--color--groen); background: var(--wp--preset--color--groen-tint); }
.acv-formcard .forminator-checkbox { position: relative; display: flex; margin: 0; padding: 0; cursor: pointer; }
.acv-formcard .forminator-checkbox input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.acv-formcard .forminator-checkbox-box { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--grijs) 55%, transparent); background: var(--wp--preset--color--wit); display: grid; place-items: center; transition: background-color .2s, border-color .2s; }
.acv-formcard .forminator-checkbox:has(input:checked) .forminator-checkbox-box { background: var(--wp--preset--color--groen); border-color: var(--wp--preset--color--groen); }
.acv-formcard .forminator-checkbox:has(input:checked) .forminator-checkbox-box::after { content: ""; width: 10px; height: 6px; border-left: 2px solid var(--wp--preset--color--wit); border-bottom: 2px solid var(--wp--preset--color--wit); transform: rotate(-45deg) translate(1px, -1px); }
.acv-formcard .forminator-checkbox:has(input:focus-visible) .forminator-checkbox-box { box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--rood) 60%, transparent); }
.acv-formcard .forminator-field > .forminator-description { order: 5; text-align: right; font-size: 12px; }
.acv-formcard .forminator-checkbox__wrapper .forminator-description, .acv-formcard .forminator-checkbox__wrapper [class*='__label'] { text-align: left; font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--zwart); order: 0; }
.acv-formcard .forminator-field-html h1, .acv-formcard .forminator-field-html h2, .acv-formcard .forminator-field-html h3, .acv-formcard .forminator-field-html h4 { margin: 8px 0 10px; font-size: 19px; color: var(--wp--preset--color--zwart); }
.acv-formcard .forminator-field-html { padding: 20px; border-radius: 10px; background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); font-size: 13.5px; line-height: 1.6; }
.acv-formcard .forminator-field-html p + p { margin-top: 8px; }
.acv-formcard .forminator-checkbox__label, .acv-formcard .forminator-consent__label { font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--zwart); }
.acv-formcard .forminator-checkbox__label a { color: var(--wp--preset--color--groen); }
.acv-formcard .forminator-field-html { font-size: 14px; color: var(--wp--preset--color--grijs); }
.acv-formcard .forminator-field-html p { margin: 0; }
/* Verzenden */
.acv-formcard .forminator-row-last { margin: 8px 0 0; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--zand); }
.acv-formcard .forminator-button-submit { width: 100%; min-height: 52px; margin: 0; padding: 14px 28px !important; border: 0 !important; border-radius: var(--wp--custom--radius--pil) !important; background: var(--wp--preset--color--groen) !important; color: var(--wp--preset--color--wit) !important; font: 700 16px/1 var(--wp--preset--font-family--sans) !important; cursor: pointer; transition: background-color .3s, transform .2s; box-shadow: none !important; }
@media (min-width: 600px) { .acv-formcard .forminator-button-submit { width: auto; min-width: 240px; } }
.acv-formcard .forminator-button-submit:hover { background: var(--wp--preset--color--groen-donker) !important; }
.acv-formcard .forminator-button-submit:active { transform: scale(.98); }
.acv-formcard .forminator-error-message, .acv-formcard .forminator-error-message * { margin-top: 6px; font-size: 13px !important; color: var(--wp--preset--color--rood) !important; background: none !important; padding: 0 !important; }
.acv-formcard .forminator-has_error .forminator-input { border-color: var(--wp--preset--color--rood) !important; }
.acv-formcard .forminator-response-message:not(:empty) { margin: 0 0 20px; padding: 14px 16px; border-radius: 10px; font-size: 14px; }
.acv-formcard .forminator-response-message.forminator-error:not(:empty) { background: var(--wp--preset--color--rood-tint); color: var(--wp--preset--color--rood-donker); }
.acv-formcard .forminator-response-message.forminator-success:not(:empty) { background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-formcard .iti { width: 100%; }

/* Tijdlijn groot */
.acv-tijdlijn--groot { gap: 32px; padding-left: 32px; }
.acv-tijdlijn--groot b { font-size: 22px; }
.acv-tijdlijn--groot p { font-size: 16px; line-height: 1.65; max-width: 52ch; }
.acv-tijdlijn--groot li:nth-child(2)::before { border-color: var(--wp--preset--color--groen); }
.acv-tijdlijn--groot li:nth-child(3)::before { border-color: var(--wp--preset--color--zwart); }
.acv-tijdlijn--groot li.is-toekomst::before { background: var(--wp--preset--color--rood); border-color: var(--wp--preset--color--rood); box-shadow: 0 0 0 6px var(--wp--preset--color--rood-tint); }
.acv-tijdlijn--groot li.is-toekomst b { color: var(--wp--preset--color--rood); }
.acv-tijd__beeld { margin-top: 32px; max-width: 420px; }

/* Embleem in het jongerenblok staat stil */

/* ===== Agenda als lijst (evenementenpagina) ===== */
.acv-agenda .acv-filter { display: inline-flex; padding: 4px; gap: 2px; border-radius: var(--wp--custom--radius--pil); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); }
.acv-agenda .acv-filter button { border: 0; background: transparent; min-height: 38px; }
.acv-agenda .acv-filter button[aria-pressed="true"] { background: var(--wp--preset--color--zwart); }
.acv-events--lijst { display: block; border-top: 1px solid var(--wp--preset--color--zand); }
.acv-events--lijst .acv-event { display: grid; grid-template-columns: 88px 1fr; gap: 6px 24px; align-items: center; padding: 24px 8px; border: 0; border-bottom: 1px solid var(--wp--preset--color--zand); border-radius: 0; background: transparent; overflow: visible; position: relative; }
@media (min-width: 900px) { .acv-events--lijst .acv-event { grid-template-columns: 112px 1fr auto; padding: 28px 16px; } }
.acv-events--lijst .acv-event:hover { transform: none; box-shadow: none; background: var(--wp--preset--color--wit); }
.acv-events--lijst .acv-event::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--wp--preset--color--groen); transform: scaleY(0); transition: transform .5s var(--acv-ease); }
.acv-events--lijst .acv-event:hover::before { transform: scaleY(1); }
.acv-events--lijst .acv-event[data-doelgroep~="dames"]::before { background: var(--wp--preset--color--rood); }
.acv-events--lijst .acv-event[data-doelgroep~="heren"]::before { background: var(--wp--preset--color--zwart); }
.acv-events--lijst .acv-event__img { display: none; }
.acv-events--lijst .acv-event__body { display: contents; }
.acv-events--lijst .acv-event__date { grid-row: span 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 88px; height: 96px; padding: 0; border: 0; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); text-align: center; }
@media (min-width: 900px) { .acv-events--lijst .acv-event__date { width: 104px; height: 104px; grid-row: auto; } }
.acv-events--lijst .acv-event__date small { font-size: 12px; font-weight: 600; color: var(--wp--preset--color--grijs); text-transform: capitalize; }
.acv-events--lijst .acv-event__date b { font-size: 36px; line-height: 1.05; }
.acv-events--lijst .acv-event__date span { font-size: 13px; }
.acv-events--lijst .acv-event__title { font-size: clamp(19px, 2vw, 24px); }
.acv-events--lijst .acv-event__meta { margin-top: 6px; font-size: 15px; }
.acv-events--lijst .acv-tags { margin-bottom: 8px; }
.acv-events--lijst .acv-event__cta { grid-column: 2; margin: 4px 0 0; justify-self: start; }
@media (min-width: 900px) { .acv-events--lijst .acv-event__cta { grid-column: 3; grid-row: 1; margin: 0; } }
.acv-events--lijst .acv-event--voorbeeld .acv-event__date { border-style: dashed; }
@media (min-width: 900px) { .acv-events--lijst .acv-event__cta { align-self: center; } }

/* Geen kruimelpad meer: titel staat bovenaan de paginakop */
.acv-pagehero h1 { margin-top: 0; }
.acv-pagehero .acv-lockup + .acv-pill + h1, .acv-pagehero .acv-trust + h1 { margin-top: 20px; }

/* ===== Responsive verhoudingen (telefoon en tablet) ===== */
/* Tekstlinks: groter klikvlak */
.acv-link { padding-block: 12px 10px; margin-block: -12px -10px; }
.acv-link::after { bottom: 8px; }
.acv-formcard .forminator-row { gap: 20px 16px; }

@media (max-width: 1023px) {
	/* Beeldvlakken niet hoger dan nodig */
	.acv-pagehero--beeld .acv-media, .acv-waarom__beeld, .acv-jong__beeld .acv-media, .acv-media--staand { aspect-ratio: 16 / 10; max-height: none; }
	.acv-pagehero__grid { gap: 32px; }
	.acv-jong__grid { gap: 40px; }
	.acv-tijd__beeld { max-width: none; }
	/* Evenementen op tablet: drie smalle kaarten naast elkaar */
	.acv-events:not(.acv-events--lijst) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
	.acv-events:not(.acv-events--lijst) .acv-event__body { padding: 16px 16px 10px; gap: 12px; grid-template-columns: 1fr; }
	.acv-events:not(.acv-events--lijst) .acv-event__date { display: flex; align-items: baseline; gap: 6px; border-right: 0; padding: 0; text-align: left; }
	.acv-events:not(.acv-events--lijst) .acv-event__date small { display: none; }
	.acv-events:not(.acv-events--lijst) .acv-event__date b { font-size: 24px; }
	.acv-events:not(.acv-events--lijst) .acv-event__cta { margin: auto 16px 16px; }
	.acv-events:not(.acv-events--lijst) .acv-event__title { font-size: 17px; }
	/* Footer op tablet in twee kolommen */
	.acv-footer__cols.wp-block-columns { flex-wrap: wrap !important; gap: 40px 32px; }
	.acv-footer__cols > .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0; }
	.acv-soorten--2 .acv-soort .acv-media { aspect-ratio: 4 / 3; }
}

@media (max-width: 767px) {
	/* Telefoon: evenementen weer onder elkaar, compacte kaart met kleine foto links */
	.acv-events:not(.acv-events--lijst) { grid-template-columns: 1fr; }
	.acv-events:not(.acv-events--lijst) .acv-event { display: grid; grid-template-columns: 96px 1fr; grid-template-rows: auto auto; }
	.acv-events:not(.acv-events--lijst) .acv-event__img { grid-row: span 2; aspect-ratio: auto; height: 100%; min-height: 132px; }
	.acv-events:not(.acv-events--lijst) .acv-event__phlabel { display: none; }
	.acv-events:not(.acv-events--lijst) .acv-event__body { padding: 14px 14px 6px; }
	.acv-events:not(.acv-events--lijst) .acv-event__cta { margin: 6px 14px 14px; }
	/* Pijlers compacter */
	.acv-pijler2 { padding: 24px 22px 26px; }
	.acv-pijler2 h3 { margin-top: 16px; }
	/* ANBI-blok bij doneren: onder elkaar */
	.acv-geef__anbi { grid-template-columns: 1fr; text-align: left; }
	.acv-geef__anbi .acv-anbi-zegel { grid-row: auto; }
	.acv-geef__anbi .acv-link { grid-column: 1; }
	.acv-geef { padding: 28px 22px; }
	/* Footer op telefoon: één kolom met wat lucht */
	.acv-footer__cols > .wp-block-column { flex-basis: 100% !important; }
		/* Koppen en secties */
	.acv-pagehero { padding-block: 40px 44px; }
	.acv-pagehero__intro { font-size: 17px; }
	.acv-hero2__inhoud { padding-block: 120px 104px; }
	.acv-kop-rij { margin-bottom: 28px; }
	.acv-acties .acv-btn, .acv-pagehero .acv-actions .acv-btn { flex: 1 1 auto; }
	.acv-keuze { padding: 20px 64px 20px 22px; }
	.acv-keuze b { font-size: 19px; }
	.acv-events--lijst .acv-event { grid-template-columns: 72px 1fr; gap: 4px 16px; padding: 20px 4px; }
	.acv-events--lijst .acv-event__date { width: 72px; height: 84px; }
	.acv-events--lijst .acv-event__date b { font-size: 28px; }
	.acv-agenda .acv-filter { display: flex; width: 100%; }
	.acv-agenda .acv-filter button { flex: 1; padding: 0 8px; }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.acv-footer .acv-footer__cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0 !important; }
}

/* Fase 4: twee logo's naast elkaar (header en footer) */
.acv-logos { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); flex: none; text-decoration: none; line-height: 0; }
.acv-logos img { display: block; flex: none; width: auto; height: 52px; }
.acv-logos__lijn { width: 1px; height: 40px; background: var(--wp--preset--color--zand); }
.acv-header--overlay:not(.is-vast) .acv-logos { padding: 6px 16px; border-radius: var(--wp--custom--radius--pil); background: var(--wp--preset--color--wit); }
.acv-header--overlay .acv-logos { transition: padding .4s, background-color .4s; }
@media (max-width: 599px) { .acv-logos img { height: 44px; } .acv-logos__lijn { height: 32px; } .acv-logos { gap: 8px; } .acv-header__bar { gap: 12px; } .acv-header--overlay:not(.is-vast) .acv-logos { padding: 4px 12px; } }
.acv-footer .acv-logos { display: inline-flex; padding: 10px 18px; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); }
.acv-footer .acv-logos img { height: 64px; }
.acv-footer__kaartje { margin-top: var(--wp--preset--spacing--30); border-radius: var(--acv-r); overflow: hidden; border: 1px solid color-mix(in srgb, var(--wp--preset--color--wit) 14%, transparent); aspect-ratio: 16 / 9; background: color-mix(in srgb, var(--wp--preset--color--wit) 6%, transparent); }
.acv-footer__kaartje iframe { display: block; width: 100%; height: 100%; border: 0; }
.acv-volg { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--30); }
.acv-volg .acv-footer__sub { margin-top: 0; }
.acv-volg a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.acv-volg a:hover { text-decoration: underline; text-underline-offset: 4px; }
.acv-sociaal { width: 20px; height: 20px; flex: none; }
.acv-footer__anbi { display: inline-flex; align-items: center; gap: 12px; margin-top: var(--wp--preset--spacing--20); text-decoration: none; }
.acv-footer__anbi img { width: 76px; height: auto; padding: 8px; border-radius: 12px; background: var(--wp--preset--color--wit); }
.acv-footer__anbi span { font-size: 13px; color: var(--acv-op-donker); }
@media (max-width: 599px) { .acv-footer .acv-logos img { height: 52px; } }

/* Fase 4 homepage */
.acv-jong__beeld .acv-media { aspect-ratio: 4 / 3; max-height: none; }
.acv-pijlers2__meer { margin: var(--wp--preset--spacing--30) 0 0; }
.acv-anbi-logo { display: block; width: 150px; height: auto; margin-bottom: 4px; }
.acv-geef__anbi { grid-template-columns: 1fr; justify-items: start; }
.acv-geef__anbi .acv-link { grid-column: 1; }

/* Fase 4: nieuwe pagina's */
@media (min-width: 768px) { .acv-cards--2 { grid-template-columns: repeat(2, 1fr); } }
.acv-subkop { margin: 0 0 var(--wp--preset--spacing--30); font-size: 22px; }
#activiteiten .acv-split2 + .acv-split2 { margin-top: var(--wp--preset--spacing--70); }
.acv-tak { display: grid; gap: var(--wp--preset--spacing--30); }
@media (min-width: 768px) { .acv-tak { grid-template-columns: repeat(2, 1fr); } }
.acv-tak article { padding: clamp(28px, 4vw, 40px); border-radius: var(--wp--custom--radius--paneel); background: var(--wp--preset--color--wit); border: var(--wp--custom--lijn); border-top: 4px solid var(--wp--preset--color--groen); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.acv-tak article + article { border-top-color: var(--wp--preset--color--rood); }
.acv-tak h3 { margin: 0; font-size: 24px; }
.acv-tak p { margin: 0; color: var(--wp--preset--color--grijs); }
.acv-tak .acv-btn { margin-top: auto; }
.acv-handig { display: grid; gap: var(--wp--preset--spacing--20); }
@media (min-width: 768px) { .acv-handig { grid-template-columns: repeat(2, 1fr); } }
.acv-handig__leeg { padding: var(--wp--preset--spacing--40); border-radius: var(--wp--custom--radius--kaart); border: 1px dashed var(--wp--preset--color--zand); color: var(--wp--preset--color--grijs); }
.acv-org-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 var(--wp--preset--spacing--50); padding: 0; list-style: none; }
.acv-org-nav a { display: inline-block; padding: 8px 16px; border-radius: var(--wp--custom--radius--pil); border: var(--wp--custom--lijn); text-decoration: none; font-weight: 600; font-size: 15px; }
.acv-org-nav a:hover { border-color: var(--wp--preset--color--groen); background: var(--wp--preset--color--groen-tint); }
.acv-org-sec { scroll-margin-top: 110px; }
.acv-jaarlijst { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
@media (min-width: 768px) { .acv-jaarlijst { grid-template-columns: repeat(2, 1fr); } }
.acv-jaarlijst li { padding: 14px 18px; border-radius: 14px; border: var(--wp--custom--lijn); background: var(--wp--preset--color--wit); }
.acv-anbi-blok { display: grid; gap: var(--wp--preset--spacing--40); }
@media (min-width: 1024px) { .acv-anbi-blok { grid-template-columns: 220px 1fr; align-items: start; } }
.acv-anbi-blok .acv-anbi-logo { width: 200px; }
.acv-gegevens { margin: 0; display: grid; gap: 0; }
.acv-gegevens > div { display: grid; gap: 4px; padding: 14px 0; border-top: var(--wp--custom--lijn); }
@media (min-width: 768px) { .acv-gegevens > div { grid-template-columns: 240px 1fr; gap: 24px; } }
.acv-gegevens dt { font-weight: 700; }
.acv-gegevens dd { margin: 0; color: var(--wp--preset--color--grijs); }
.acv-media--landschap { aspect-ratio: 4 / 3; }
.acv-anbistrip .acv-anbi-logo { width: 130px; }
.acv-projecten + .acv-idee { margin-top: var(--wp--preset--spacing--60); }
@media (min-width: 768px) { .acv-projecten--2 { grid-template-columns: repeat(2, 1fr); } }

/* Fase 4b: mobiel */
.acv-volg a, .acv-footer ul a { min-height: 44px; }
.acv-footer .wp-block-list a { display: inline-flex; align-items: center; }
@media (max-width: 767px) {
	.acv-footer { padding-bottom: 96px; }
	.acv-footer__legal { gap: 8px 24px; }
	.acv-footer__legal a { display: inline-flex; align-items: center; min-height: 44px; }
	.acv-footer__anbi { min-height: 44px; }
}
.acv-soorten--2 .acv-soort:first-child img { object-position: 50% 25%; }
@media (max-width: 767px) { .acv-soorten--2 .acv-soort > .acv-media--breedte { aspect-ratio: 4 / 3; } }
#doelstelling .acv-groot { font-weight: 500; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.65; }
.acv-idee .acv-kop { margin-bottom: 0; }

/* Fase 4c: ons doel met commissies */
.acv-doel__tegels { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; counter-reset: doel; }
@media (min-width: 768px) { .acv-doel__tegels { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .acv-doel__tegels { grid-template-columns: repeat(3, 1fr); } }
.acv-comm { margin-top: clamp(40px, 5vw, 72px); padding: clamp(24px, 4vw, 48px); border-radius: var(--wp--custom--radius--paneel); background: var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); position: relative; isolation: isolate; overflow: hidden; }
.acv-comm::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wp--preset--color--wit); opacity: .08; -webkit-mask: url(../svg/khatam.svg) 0 0 / 56px 56px; mask: url(../svg/khatam.svg) 0 0 / 56px 56px; }
.acv-comm__kop h3 { margin: 0 0 10px; font-size: clamp(24px, 2.6vw, 32px); color: var(--wp--preset--color--wit); }
.acv-comm__kop p { margin: 0; max-width: 60ch; color: color-mix(in srgb, var(--wp--preset--color--wit) 88%, transparent); line-height: 1.65; }
.acv-comm__duo { display: grid; gap: 16px; margin-top: 28px; position: relative; }
@media (min-width: 768px) { .acv-comm__duo { grid-template-columns: 1fr 1fr; gap: 24px; } }
.acv-comm__duo article { padding: 28px; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); color: var(--wp--preset--color--zwart); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.acv-comm__duo h4 { margin: 4px 0 0; font: 600 24px/1.2 var(--wp--preset--font-family--serif); }
.acv-comm__duo p { margin: 0; color: var(--wp--preset--color--grijs); }
.acv-comm__open { margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; font-size: 15px; color: color-mix(in srgb, var(--wp--preset--color--wit) 90%, transparent); }
.acv-comm__open a { color: var(--wp--preset--color--wit); }

/* ===== Fase 5: feedbackronde 3 ===== */
/* Hamburger: de twee streepjes exact in het midden van de cirkel */
.acv-nav .wp-block-navigation__responsive-container-open { align-items: center; justify-content: center; }

/* Footer: KvK en RSIN */
.acv-footer__legal p:first-child { display: flex; flex-direction: column; gap: 4px; }
.acv-footer__nrs { font-size: 13px; color: var(--acv-op-donker); }

/* Home: kleiner ANBI-logo en alleen de link eronder */
.acv-geef__anbi { gap: 10px; }
.acv-geef__anbi .acv-anbi-logo { width: 110px; margin: 0; }

/* ACV Jongeren-logo op groen */

/* Ons doel: compacte tegels met iconen en beweging */
.acv-doel { overflow: clip; }
.acv-doel__tegels { gap: 12px; }
.acv-tegel { counter-increment: none; position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 16px; min-height: 0 !important; padding: 18px 20px !important; border-radius: var(--acv-r); background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--zand); overflow: hidden; isolation: isolate; transition: transform .5s var(--acv-ease), box-shadow .5s var(--acv-ease), border-color .3s; }
.acv-tegel::before { content: none !important; }
.acv-tegel::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: linear-gradient(90deg, var(--wp--preset--color--groen), var(--wp--preset--color--rood)); transform: scaleX(0); transform-origin: left; transition: transform .8s var(--acv-ease) .2s; }
.acv-tegel.is-in::after, .acv-tegel:hover::after { transform: scaleX(1); }
.acv-tegel:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--zwevend); border-color: transparent; }
.acv-tegel__nr { font: 600 30px/1 var(--wp--preset--font-family--serif); color: var(--wp--preset--color--groen); min-width: 1.6em; }
.acv-tegel__tekst { font-size: 16px; line-height: 1.45; }
.acv-tegel__ico { grid-column: 3; grid-row: 1; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-tegel__ico .acv-icon { width: 22px; height: 22px; padding: 0; border: 0; background: none; }
.acv-tegel--motto { background: var(--wp--preset--color--zwart); color: var(--wp--preset--color--wit); border-color: transparent; grid-template-columns: auto 1fr; }
.acv-tegel--motto .acv-tegel__nr { display: grid; place-items: center; }
.acv-tegel--motto .acv-ster { width: 26px; height: 26px; fill: var(--wp--preset--color--rood); }
.acv-tegel--motto .acv-tegel__tekst { font: 600 20px/1.2 var(--wp--preset--font-family--serif); }
@media (prefers-reduced-motion: reduce) { .acv-tegel--motto .acv-ster { animation: none; } }

/* Commissies: compact */
.acv-comm { padding: clamp(20px, 3vw, 32px); margin-top: clamp(28px, 4vw, 48px); }
.acv-comm__kop h3 { margin: 0; font-size: clamp(20px, 2vw, 26px); }
.acv-comm__duo { margin-top: 18px; gap: 12px; }
.acv-comm__duo article { padding: 18px 20px; gap: 6px; flex-direction: row; align-items: center; flex-wrap: wrap; }
.acv-comm__duo h4 { margin: 0; font-size: 20px; }
.acv-comm__duo p { flex-basis: 100%; font-size: 15px; }
.acv-comm__open { margin-top: 16px; }

/* Verberg-klassen */
.acv-verberg-mobiel { }

/* Reviews: slider (mobiel) */
.acv-revs-punten { display: none; }

@media (max-width: 767px) {
	/* Compacte blokken: titel naast het icoon */
	.acv-soort__tekst, .acv-impact article { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 14px; }
	.acv-soort__tekst { padding: 18px 18px 20px; }
	.acv-soort__tekst .acv-icon, .acv-impact .acv-icon { grid-row: 1; grid-column: 1; }
	.acv-soort__tekst h3, .acv-impact h3 { grid-row: 1; grid-column: 2; margin: 0; }
	.acv-soort__tekst p, .acv-impact p { grid-column: 1 / -1; margin-top: 10px; }
	.acv-impact article { padding: 18px 20px; }
	.acv-punt { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 14px; row-gap: 8px; padding: 16px 18px; }
	.acv-punt > div { display: contents; }
	.acv-punt .acv-icon { grid-row: 1; grid-column: 1; }
	.acv-punt h3 { grid-row: 1; grid-column: 2; margin: 0; }
	.acv-punt p { grid-column: 1 / -1; }
	.acv-punten { gap: 10px; margin-top: 20px; }

	/* Lid worden */
	.acv-trust { display: none; }
	.acv-verberg-mobiel { display: none !important; }

	/* ACV Jongeren-hero: titel, tekst, afbeelding, knoppen */

	/* Reviews: horizontale slider */
	.acv-revs { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-inline: calc(-1 * var(--wp--preset--spacing--30, 16px)); padding-inline: var(--wp--preset--spacing--30, 16px); padding-bottom: 4px; overscroll-behavior-x: contain; }
	.acv-revs::-webkit-scrollbar { display: none; }
	.acv-rev { flex: 0 0 86%; scroll-snap-align: center; }
	.acv-revs-punten { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
	.acv-revs-punten button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: var(--wp--preset--color--zand); transition: width .35s var(--acv-ease), background-color .3s; cursor: pointer; }
	.acv-revs-punten button[aria-current="true"] { width: 24px; background: var(--wp--preset--color--groen); }

	/* Scrollvoortgang en meer beweging */
	.acv-voortgang { position: fixed; z-index: 60; left: 0; top: 0; height: 3px; width: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--wp--preset--color--zwart), var(--wp--preset--color--rood), var(--wp--preset--color--groen)); pointer-events: none; }
	.acv-js [data-r]:not([data-r="foto"]) { transform: translateY(44px) scale(.97); }
	.acv-js [data-r].is-in:not([data-r="foto"]) { transform: none; }
	.acv-media { --py: 0px; }
	.acv-media img { transform: translateY(var(--py)) scale(1.12); transition: none; will-change: transform; }
	.acv-js [data-r="foto"] img { transform: translateY(var(--py)) scale(1.12); }
	.acv-comm__duo article, .acv-tak article, .acv-card2, .acv-project, .acv-linkcard, .acv-rev { will-change: transform; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.acv-js [data-r]:not([data-r="foto"]) { transform: none; }
}
@media (pointer: coarse) and (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* Fase 6: logo naast de kop, pillen uitgelijnd */
.acv-jong__kop { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 24px 0 16px; }
.acv-jong__kop h2 { margin: 0; flex: 1 1 auto; }
.acv-pagehero__kop { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.acv-pagehero__kop h1 { margin: 0; }
.acv-pagehero__kop + * { margin-top: var(--wp--preset--spacing--30); }
.acv-chips li { flex: 1 1 auto; text-align: center; }
@media (max-width: 767px) {
	.acv-jong__kop { gap: 14px; margin: 18px 0 14px; }
	.acv-chips { gap: 8px; margin-top: 20px; }
	.acv-chips li { padding: 8px 10px; font-size: 13px; white-space: nowrap; }
	.acv-doel__tegels { display: grid; grid-template-columns: 1fr; gap: 10px; }
}

/* Fase 7: jongerenlogo in een nette witte cirkel, het hele logo er binnen */
.acv-jlogo { position: relative; display: block; flex: none; width: 72px; height: 72px; aspect-ratio: 1; border-radius: 50%; background: var(--wp--preset--color--wit); overflow: hidden; box-shadow: 0 6px 18px color-mix(in srgb, var(--wp--preset--color--zwart) 22%, transparent); margin: 0; }
.acv-jlogo img { position: absolute; left: 50%; top: 50%; height: 88%; width: auto; max-width: none; transform: translate(-50%, -50%); }
@media (max-width: 767px) { .acv-jlogo { width: 56px; height: 56px; } }

/* Mobiel menu: de header mag geen containing block voor het menu vormen (anders toont het maar twee items na scrollen) */
html.has-modal-open .acv-header, .acv-header:has(.is-menu-open) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; transform: none !important; filter: none !important; }

/* Fase 8: ACV Jongeren-hero zoals de homepage-sectie (met patroon) */
.acv-jhero { padding-block: clamp(48px, 7vw, 96px); }
.acv-jhero h1 { margin: 0; flex: 1 1 auto; color: var(--wp--preset--color--wit); font-size: clamp(36px, 4.4vw, 56px); line-height: 1.05; letter-spacing: -.02em; }
.acv-jhero .acv-pill { display: inline-block; margin: 0; padding: 6px 14px; border-radius: var(--wp--custom--radius--pil); background: color-mix(in srgb, var(--wp--preset--color--wit) 15%, transparent); color: var(--wp--preset--color--wit); font-weight: 700; font-size: 14px; }
.acv-jhero .acv-jong__kop { margin: 14px 0 8px; align-items: center; }
.acv-jhero .acv-jong__tekst > p:not(.acv-pill) { max-width: 46ch; }
@media (max-width: 767px) {
	.acv-jhero { padding-block: 36px 52px; }
	.acv-jhero .acv-jong__grid { display: flex; flex-direction: column; align-items: stretch; gap: 28px; }
	.acv-jhero .acv-acties { margin-top: 20px; }
	.acv-jhero .acv-acties .acv-btn { flex: 1 1 100%; justify-content: center; }
}

/* Mobiel: één bewegingstaal voor alles (omhoog schuiven en infaden) */
@media (max-width: 767px) {
	.acv-js [data-r], .acv-js [data-r="foto"] { opacity: 0; transform: translateY(28px); clip-path: none; transition: opacity .7s var(--acv-ease), transform .8s var(--acv-ease); transition-delay: calc(var(--i, 0) * 70ms); }
	.acv-js [data-r].is-in, .acv-js [data-r="foto"].is-in { opacity: 1; transform: none; }
	.acv-js [data-r="foto"] img { transform: none; transition: none; }
	.acv-media img { transform: none !important; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.acv-js [data-r], .acv-js [data-r="foto"] { opacity: 1; transform: none; transition: none; }
}

/* Fase 9: evenementkaarten compact en altijd even groot, ongeacht de afbeelding */
.acv-events:not(.acv-events--lijst) .acv-event__img { aspect-ratio: auto; height: 128px; flex: none; }
.acv-events:not(.acv-events--lijst) .acv-event__body { padding: 14px 16px 6px; gap: 12px; }
.acv-events:not(.acv-events--lijst) .acv-event__date b { font-size: 26px; }
.acv-events:not(.acv-events--lijst) .acv-event__title { font-size: 17px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.acv-events:not(.acv-events--lijst) .acv-event__meta { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acv-events:not(.acv-events--lijst) .acv-event__cta { margin: 4px 16px 16px; min-height: 36px !important; padding: 8px 16px !important; }
.acv-events:not(.acv-events--lijst) .acv-event__body > div { min-width: 0; }
@media (max-width: 767px) {
	.acv-events:not(.acv-events--lijst) .acv-event__img { height: auto; min-height: 120px; }
}

/* ===== Fase 10: Doneer in menu en hero, detailpagina's, vacatures, contactformulier ===== */

.acv-open { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-top: 28px; padding: 22px 26px; border-radius: var(--acv-r); background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); }
.acv-open p { margin: 0; }
.acv-leeg { margin: 0; color: var(--wp--preset--color--grijs); }
.acv-sec--vacs { padding-top: clamp(32px, 4vw, 56px); }
.acv-vac__meta--groot { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0 0 24px; }
.acv-vac__meta--groot li { padding: 6px 14px; border-radius: var(--wp--custom--radius--pil); border: 1px solid var(--wp--preset--color--zand); background: var(--wp--preset--color--wit); font-size: 14px; font-weight: 600; }

.acv-detail { display: grid; gap: clamp(28px, 4vw, 56px); }
@media (min-width: 1024px) { .acv-detail { grid-template-columns: minmax(0, 1fr) 400px; align-items: start; } }
.acv-detail__tekst .acv-prose2 > * + * { margin-top: 1em; }
.acv-detail__zij { padding: 28px; border-radius: var(--acv-r-lg); background: var(--wp--preset--color--licht); border: 1px solid var(--wp--preset--color--zand); }
@media (min-width: 1024px) { .acv-detail__zij, .acv-detail__form { position: sticky; top: 104px; } }
.acv-detail__zij h3 { margin: 0 0 8px; font-size: 22px; }
.acv-detail__zij > p { margin: 0 0 16px; color: var(--wp--preset--color--grijs); }
.acv-gegevens--event { margin-bottom: 28px; }
.acv-event__aanmeld > * + * { margin-top: 16px; }

/* Evenementfoto: vergroten */
.acv-zoom { position: relative; }
.acv-zoom__knop { all: unset; display: block; position: relative; width: 100%; height: 100%; cursor: zoom-in; }
.acv-zoom__knop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.acv-zoom__ico { position: absolute; right: 14px; bottom: 14px; width: 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, var(--wp--preset--color--zwart) 62%, transparent); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.acv-zoom__ico::before { content: ""; position: absolute; left: 11px; top: 11px; width: 12px; height: 12px; border: 2px solid var(--wp--preset--color--wit); border-radius: 50%; }
.acv-zoom__ico::after { content: ""; position: absolute; left: 25px; top: 25px; width: 8px; height: 2px; background: var(--wp--preset--color--wit); transform: rotate(45deg); transform-origin: left center; }
.acv-zoom__knop:focus-visible { outline: 3px solid var(--wp--preset--color--rood); outline-offset: 3px; }
.acv-lightbox { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 94vh; }
.acv-lightbox::backdrop { background: color-mix(in srgb, var(--wp--preset--color--zwart) 88%, transparent); }
.acv-lightbox img { display: block; max-width: 96vw; max-height: 90vh; width: auto; height: auto; border-radius: 12px; }
.acv-lightbox button { position: absolute; right: 8px; top: 8px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--wp--preset--color--wit); font-size: 24px; line-height: 1; cursor: pointer; }

/* Donatiepagina */
.acv-dkaarten--een { grid-template-columns: 1fr !important; }
.acv-kop--sub { margin: clamp(32px, 4vw, 48px) 0 20px !important; }
.acv-kop--sub h3 { margin: 0; font-size: 24px; }
.acv-project__tekst .acv-acties { margin-top: auto; padding-top: 6px; }

/* Lid worden: bedrag groot, "per maand" kleiner eronder; SEPA-uitleg inklapbaar */
.acv-formcard--lid #radio-3 .forminator-radio-label { display: grid; justify-items: start; line-height: 1.1; font-size: 20px; font-weight: 700; }
.acv-formcard--lid #radio-3 .forminator-radio-label::after { content: "per maand"; font-size: 12px; font-weight: 500; color: var(--wp--preset--color--grijs); margin-top: 3px; }
.acv-formcard--lid #radio-3 .forminator-radio { min-height: 58px; padding-block: 8px; }
.acv-formcard details.acv-sepa { margin-top: 10px; border: 1px solid var(--wp--preset--color--zand); border-radius: 14px; background: var(--wp--preset--color--licht); }
.acv-formcard details.acv-sepa summary { cursor: pointer; padding: 12px 16px; font-weight: 600; font-size: 14px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.acv-formcard details.acv-sepa summary::after { content: "+"; font-size: 20px; line-height: 1; }
.acv-formcard details.acv-sepa[open] summary::after { content: "–"; }
.acv-formcard details.acv-sepa .acv-sepa__tekst { padding: 0 16px 14px; font-size: 14px; line-height: 1.6; color: var(--wp--preset--color--grijs); }
.acv-formcard details.acv-sepa .acv-sepa__tekst p { margin: 0 0 10px; }

/* Fase 11: gelijke projectkaarten (3 naast elkaar), vacaturefoto */
.acv-projecten--3 { grid-template-columns: 1fr; }
@media (min-width: 768px) { .acv-projecten--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .acv-projecten--3 { grid-template-columns: repeat(3, 1fr); } }
.acv-vac__foto { margin: -24px -24px 16px; border-radius: 0; aspect-ratio: 16 / 9; }
.acv-vac { overflow: hidden; }
.acv-vac__foto { margin: -28px -28px 4px; }

/* Filter: verborgen kaarten moeten echt verdwijnen. */
.acv-event[hidden],.acv-filter-empty[hidden]{display:none!important}

/* Fase 0.12: categoriekleuren per doelgroep. */
.acv-tag--heren { background: var(--wp--preset--color--blauw-tint); color: var(--wp--preset--color--blauw); }
.acv-tag--dames { background: var(--wp--preset--color--aubergine-tint); color: var(--wp--preset--color--aubergine); }
.acv-tag--open { background: var(--wp--preset--color--groen-tint); color: var(--wp--preset--color--groen-donker); }
.acv-filter__knop--heren::before, .acv-filter__knop--dames::before, .acv-filter__knop--open::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: currentColor; }
.acv-filter__knop--heren::before { background: var(--wp--preset--color--blauw); }
.acv-filter__knop--dames::before { background: var(--wp--preset--color--aubergine); }
.acv-filter__knop--open::before { background: var(--wp--preset--color--groen); }
.acv-jong__beeld .acv-media.acv-media--vierkant { aspect-ratio: 1; }
.acv-insta #sb_instagram #sbi_images .sbi_item { border-radius: var(--acv-r-sm); overflow: hidden; }
.acv-insta #sb_instagram { padding-bottom: 0 !important; }
/* Instagram op ACV Jongeren: twee rijen van 4, op mobiel twee rijen van 2 */
.acv-insta #sb_instagram #sbi_images { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.acv-insta #sb_instagram #sbi_images .sbi_item:nth-child(n+9) { display: none !important; }
@media (max-width: 767px) {
	.acv-insta #sb_instagram #sbi_images { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.acv-insta #sb_instagram #sbi_images .sbi_item:nth-child(n+5) { display: none !important; }
}