/* ACV 2026: binnenpagina's, gedeelde componenten en beweging. Alleen tokens uit theme.json. */

:root {
	--acv-ease: cubic-bezier(.16, 1, .3, 1);
	--acv-wrap: 1200px;
}

/* Basis */
.acv-wrap { width: min(100% - 2 * var(--wp--preset--spacing--30), var(--acv-wrap)); margin-inline: auto; }
@media (min-width: 768px) { .acv-wrap { width: min(100% - 2 * var(--wp--preset--spacing--50), var(--acv-wrap)); } }
.acv-sec { padding-block: var(--wp--preset--spacing--80); }
.acv-sec--kort { padding-top: 0; }
.acv-sec--licht { background: var(--wp--preset--color--licht); }
.acv-sec--beige { background: var(--wp--preset--color--beige); }
.acv-main--pagina > * { margin-block: 0; }
.acv-muted { color: var(--wp--preset--color--grijs); }
.acv-noot { margin-top: var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--klein); }
.acv-head { max-width: 720px; margin-bottom: var(--wp--preset--spacing--50); }
.acv-head h2 { margin: 0; }
.acv-head--rij { max-width: none; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--wp--preset--spacing--30); }
.acv-lead { margin: var(--wp--preset--spacing--30) 0 0; font-size: var(--wp--preset--font-size--groot); color: var(--wp--preset--color--grijs); max-width: 60ch; }
.acv-label { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 var(--wp--preset--spacing--30); font-weight: 700; font-size: var(--wp--preset--font-size--klein); color: var(--wp--preset--color--rood); }
.acv-ster { width: 12px; height: 12px; flex: none; fill: var(--wp--preset--color--rood); }
.acv-ster--groot { width: 28px; height: 28px; }
.acv-groot { font: 600 var(--wp--preset--font-size--kop-3)/1.35 var(--wp--preset--font-family--serif); margin: 0; }

/* Knoppen (los van blokken) */
.acv-actions { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--20); margin-top: var(--wp--preset--spacing--50); }
.acv-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 14px 24px; border-radius: var(--wp--custom--radius--pil); background: var(--wp--preset--color--groen); border: 1.5px solid var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); font: 700 15px/1 var(--wp--preset--font-family--sans); text-decoration: none; overflow: hidden; isolation: isolate; transition: background-color .3s, border-color .3s, color .3s, translate .45s var(--acv-ease), transform .3s var(--acv-ease); }
.acv-btn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wp--preset--color--groen-donker); transform: translateY(101%); transition: transform .45s var(--acv-ease); border-radius: inherit; }
.acv-btn:hover { color: var(--wp--preset--color--wit); }
.acv-btn:hover::after { transform: translateY(0); }
.acv-btn:active { transform: scale(.97); }
.acv-btn--lijn { background: transparent; color: var(--wp--preset--color--zwart); border-color: var(--wp--preset--color--zwart); }
.acv-btn--lijn::after { background: var(--wp--preset--color--zwart); }
.acv-btn--lijn:hover { color: var(--wp--preset--color--wit); }
.acv-btn--rood { background: var(--wp--preset--color--rood); border-color: var(--wp--preset--color--rood); }
.acv-btn--rood::after { background: var(--wp--preset--color--rood-donker); }
.acv-btn--klein { min-height: 40px; padding: 10px 18px; font-size: 14px; }
.acv-pagehero--groen .acv-btn { background: var(--wp--preset--color--wit); border-color: var(--wp--preset--color--wit); color: var(--wp--preset--color--groen-donker); }
.acv-pagehero--groen .acv-btn::after { background: var(--wp--preset--color--licht); }
.acv-pagehero--groen .acv-btn:hover { color: var(--wp--preset--color--groen-donker); }
.acv-pagehero--groen .acv-btn--lijn { background: transparent; color: var(--wp--preset--color--wit); }
.acv-pagehero--groen .acv-btn--lijn::after { background: color-mix(in srgb, var(--wp--preset--color--wit) 14%, transparent); }
.acv-pagehero--groen .acv-btn--lijn:hover { color: var(--wp--preset--color--wit); }

/* Paginakop */
.acv-pagehero { padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--70); border-bottom: var(--wp--custom--lijn); }
.acv-pagehero h1 { margin: var(--wp--preset--spacing--40) 0 0; font-size: var(--wp--preset--font-size--display); line-height: 1.02; letter-spacing: -.02em; max-width: 16ch; }
.acv-pagehero__intro { margin: var(--wp--preset--spacing--40) 0 0; font-size: var(--wp--preset--font-size--groot); color: var(--wp--preset--color--grijs); max-width: 62ch; }
.acv-pagehero--groen { color: var(--wp--preset--color--wit); border-bottom: 0; }
.acv-pagehero--groen h1 { color: var(--wp--preset--color--wit); }
.acv-pagehero--groen .acv-pagehero__intro, .acv-pagehero--groen .acv-crumbs { color: color-mix(in srgb, var(--wp--preset--color--wit) 85%, transparent); }
.acv-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: var(--wp--preset--font-size--klein); color: var(--wp--preset--color--grijs); }
.acv-crumbs a { color: inherit; text-decoration: none; }
.acv-crumbs a:hover { text-decoration: underline; }
.acv-crumbs [aria-current] { color: inherit; font-weight: 600; }

/* Split en media */
.acv-split2 { display: grid; gap: var(--wp--preset--spacing--60); align-items: center; }
@media (min-width: 1024px) {
	.acv-split2 { grid-template-columns: 1.05fr 1fr; gap: var(--wp--preset--spacing--80); }
	.acv-split2--omgekeerd { grid-template-columns: 1fr 1.05fr; }
	.acv-split2--start { align-items: start; }
	.acv-split2--form { grid-template-columns: 1fr 1.15fr; align-items: start; }
}
.acv-media { margin: 0; position: relative; overflow: hidden; border-radius: var(--wp--custom--radius--paneel); background: var(--wp--preset--color--zand); aspect-ratio: 4 / 3; }
.acv-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--acv-ease); }
.acv-media--staand { aspect-ratio: 4 / 5; }
.acv-media--vierkant { aspect-ratio: 1; }
.acv-media--portret { aspect-ratio: 3 / 4; border-radius: var(--wp--custom--radius--kaart); }
.acv-media--breed { aspect-ratio: 21 / 9; }
@media (max-width: 767px) { .acv-media--breed { aspect-ratio: 4 / 3; } }
.acv-media--leeg { background: var(--wp--preset--color--zand); display: grid; place-items: center; isolation: isolate; }
.acv-media--leeg::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wp--preset--color--grijs); opacity: .22; -webkit-mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat; mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat; }
.acv-media__label { display: inline-flex; align-items: center; gap: 10px; max-width: 80%; padding: 10px 16px; border-radius: var(--wp--custom--radius--pil); background: var(--wp--preset--color--licht); color: var(--wp--preset--color--grijs); box-shadow: var(--wp--preset--shadow--zwevend); font-size: var(--wp--preset--font-size--klein); font-weight: 600; text-align: left; }
.acv-media__label svg { width: 18px; height: 21px; flex: none; filter: brightness(0) saturate(100%) invert(36%); }

/* Lijsten */
.acv-sterlijst { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--30); }
.acv-sterlijst li { display: flex; gap: 14px; align-items: baseline; font-size: var(--wp--preset--font-size--groot); }
.acv-sterlijst li .acv-ster { translate: 0 2px; }
@media (min-width: 768px) { .acv-sterlijst--2kol { grid-template-columns: 1fr 1fr; column-gap: var(--wp--preset--spacing--60); } }
.acv-genummerd { list-style: none; counter-reset: n; margin: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--30); }
@media (min-width: 768px) { .acv-genummerd { grid-template-columns: 1fr 1fr; } }
.acv-genummerd li { counter-increment: n; position: relative; background: var(--wp--preset--color--wit); border: var(--wp--custom--lijn); border-radius: var(--wp--custom--radius--kaart); padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) 76px; }
.acv-genummerd li::before { content: counter(n); position: absolute; left: var(--wp--preset--spacing--40); top: var(--wp--preset--spacing--40); width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--wp--custom--radius--pil); background: var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); font: 600 16px/1 var(--wp--preset--font-family--serif); }

/* Kaarten */
.acv-cards { display: grid; gap: var(--wp--preset--spacing--30); }
@media (min-width: 768px) { .acv-cards--3, .acv-cards--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .acv-cards--3 { grid-template-columns: repeat(3, 1fr); } .acv-cards--4 { grid-template-columns: repeat(4, 1fr); } }
.acv-card2 { background: var(--wp--preset--color--wit); border: var(--wp--custom--lijn); border-radius: var(--wp--custom--radius--kaart); padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); transition: transform .5s var(--acv-ease), box-shadow .5s var(--acv-ease), border-color .3s; }
.acv-sec--licht .acv-card2 { background: var(--wp--preset--color--wit); }
.acv-card2:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--zwevend); border-color: transparent; }
.acv-card2 h3 { margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--20); font-size: 21px; }
.acv-card2 p { margin: 0; color: var(--wp--preset--color--grijs); }
.acv-card2 .acv-btn { margin-top: var(--wp--preset--spacing--40); }

/* Tijdlijn */
.acv-tijdlijn { list-style: none; margin: 0 0 var(--wp--preset--spacing--40); padding: 0 0 0 28px; border-left: 2px solid var(--wp--preset--color--zand); display: grid; gap: var(--wp--preset--spacing--40); }
.acv-tijdlijn li { position: relative; }
.acv-tijdlijn li::before { content: ""; position: absolute; left: -36px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--wp--preset--color--beige); border: 3px solid var(--wp--preset--color--rood); }
.acv-tijdlijn b { font: 600 20px/1.2 var(--wp--preset--font-family--serif); }
.acv-tijdlijn p { margin: 6px 0 0; color: var(--wp--preset--color--grijs); }

/* Statement */
.acv-statement { padding-block: var(--wp--preset--spacing--80); background: var(--wp--preset--color--zwart); color: var(--wp--preset--color--wit); text-align: center; position: relative; isolation: isolate; }
.acv-statement p { margin: var(--wp--preset--spacing--40) auto 0; max-width: 24ch; font: 600 var(--wp--preset--font-size--kop-1)/1.15 var(--wp--preset--font-family--serif); letter-spacing: -.015em; }
.acv-statement blockquote { margin: 0; }
.acv-statement--quote blockquote p::before { content: "\201C"; } .acv-statement--quote blockquote p::after { content: "\201D"; }
.acv-statement__sub { font: 400 var(--wp--preset--font-size--groot)/1.6 var(--wp--preset--font-family--sans) !important; color: var(--acv-op-donker); max-width: 60ch !important; letter-spacing: 0 !important; }

/* Linkkaarten */
.acv-links { display: grid; gap: var(--wp--preset--spacing--20); }
@media (min-width: 768px) { .acv-links { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .acv-links { grid-template-columns: repeat(3, 1fr); } }
.acv-linkcard { position: relative; display: flex; flex-direction: column; gap: 6px; padding: var(--wp--preset--spacing--40) 64px var(--wp--preset--spacing--40) var(--wp--preset--spacing--40); border-radius: var(--wp--custom--radius--kaart); border: var(--wp--custom--lijn); background: var(--wp--preset--color--licht); color: var(--wp--preset--color--zwart); text-decoration: none; transition: background-color .3s, border-color .3s, transform .5s var(--acv-ease); }
.acv-linkcard span { font: 600 20px/1.25 var(--wp--preset--font-family--serif); }
.acv-linkcard small { color: var(--wp--preset--color--grijs); font-size: var(--wp--preset--font-size--klein); }
.acv-linkcard::after { content: ""; position: absolute; right: var(--wp--preset--spacing--40); top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; background: var(--wp--preset--color--groen); transition: transform .45s var(--acv-ease), background-color .3s; }
.acv-linkcard::before { content: ""; position: absolute; right: calc(var(--wp--preset--spacing--40) + 10px); top: 50%; 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); z-index: 1; transition: transform .45s var(--acv-ease); }
.acv-linkcard:hover { background: var(--wp--preset--color--wit); border-color: var(--wp--preset--color--groen); transform: translateY(-2px); }
.acv-linkcard:hover::after { transform: scale(1.12); }
.acv-linkcard:hover::before { transform: translateX(3px) rotate(45deg); }

/* Duo missie/visie */
.acv-duo { display: grid; gap: var(--wp--preset--spacing--40); }
@media (min-width: 1024px) { .acv-duo { grid-template-columns: 1fr 1fr; } }
.acv-duo article { background: var(--wp--preset--color--licht); border-radius: var(--wp--custom--radius--paneel); padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); border-top: 4px solid var(--wp--preset--color--groen); }
.acv-duo article + article { border-top-color: var(--wp--preset--color--rood); }

/* Bestuur */
.acv-team { display: grid; gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) { .acv-team { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1200px) { .acv-team { grid-template-columns: repeat(5, 1fr); } }
.acv-lid h3 { margin: var(--wp--preset--spacing--30) 0 2px; font-size: 19px; }
.acv-lid p { margin: 0; color: var(--wp--preset--color--grijs); font-size: var(--wp--preset--font-size--klein); }
.acv-lid:hover .acv-media img { transform: scale(1.04); }

/* Lid worden */
.acv-redenen { display: grid; gap: var(--wp--preset--spacing--20); }
@media (min-width: 768px) { .acv-redenen { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .acv-redenen { grid-template-columns: repeat(3, 1fr); } }
.acv-reden { display: flex; gap: 14px; align-items: baseline; padding: var(--wp--preset--spacing--40); background: var(--wp--preset--color--licht); border-radius: var(--wp--custom--radius--kaart); border: var(--wp--custom--lijn); }
.acv-reden p { margin: 0; font-size: 17px; }
.acv-reden .acv-ster { translate: 0 1px; }
.acv-formcard { background: var(--wp--preset--color--wit); border: var(--wp--custom--lijn); border-radius: var(--wp--custom--radius--paneel); padding: var(--wp--preset--spacing--50); box-shadow: var(--wp--preset--shadow--zwevend); }
.acv-form-ph { border: 1.5px dashed var(--wp--preset--color--zand); border-radius: var(--wp--custom--radius--kaart); padding: var(--wp--preset--spacing--50); text-align: center; }
.acv-form-ph p { margin: 0 0 6px; font-weight: 600; }
.acv-contactmini { margin-top: var(--wp--preset--spacing--40); padding-top: var(--wp--preset--spacing--40); border-top: var(--wp--custom--lijn); }
.acv-contactmini p { margin: 0 0 6px; }

/* Doneren */
.acv-donaties { display: grid; gap: var(--wp--preset--spacing--30); }
@media (min-width: 1024px) { .acv-donaties { grid-template-columns: 1fr 1fr; } }
.acv-donatie { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--30); background: var(--wp--preset--color--licht); border-radius: var(--wp--custom--radius--paneel); border: var(--wp--custom--lijn); padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); }
.acv-donatie h3 { margin: 0; font-size: var(--wp--preset--font-size--kop-3); }
.acv-donatie p { margin: 0; color: var(--wp--preset--color--grijs); }
.acv-donatie .acv-label { margin: 0; }
.acv-donatie .acv-btn { align-self: flex-start; margin-top: auto; }
.acv-donatie .acv-sterlijst li { font-size: 16px; }
.acv-donatie--project { border-top: 4px solid var(--wp--preset--color--rood); }

.acv-bank { margin: 0; background: var(--wp--preset--color--wit); border: var(--wp--custom--lijn); border-radius: var(--wp--custom--radius--paneel); overflow: hidden; }
.acv-bank > div { display: grid; gap: 4px; padding: var(--wp--preset--spacing--40); border-bottom: var(--wp--custom--lijn); }
.acv-bank > div:last-child { border-bottom: 0; }
@media (min-width: 768px) { .acv-bank > div { grid-template-columns: 160px 1fr; gap: var(--wp--preset--spacing--40); } }
.acv-bank dt { color: var(--wp--preset--color--grijs); font-size: var(--wp--preset--font-size--klein); font-weight: 600; }
.acv-bank dd { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.acv-bank [data-copy] { font: 600 20px/1.2 var(--wp--preset--font-family--serif); letter-spacing: .02em; }
.acv-copy { min-height: 40px; padding: 0 14px; border-radius: var(--wp--custom--radius--pil); border: 1.5px solid var(--wp--preset--color--zand); background: var(--wp--preset--color--licht); font: 600 13px/1 var(--wp--preset--font-family--sans); cursor: pointer; color: var(--wp--preset--color--zwart); transition: background-color .3s, border-color .3s; }
.acv-copy:hover { border-color: var(--wp--preset--color--groen); }
.acv-copy.is-done { background: var(--wp--preset--color--groen-tint); border-color: var(--wp--preset--color--groen); color: var(--wp--preset--color--groen-donker); }
.acv-anbi2 { display: flex; gap: var(--wp--preset--spacing--40); align-items: flex-start; max-width: 860px; }
.acv-anbi2 h2 { margin: 0 0 var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--kop-3); }
.acv-anbi2 p { margin: 0 0 var(--wp--preset--spacing--20); color: var(--wp--preset--color--grijs); }

/* Vacatures */
.acv-empty2 { display: flex; gap: var(--wp--preset--spacing--40); align-items: flex-start; padding: var(--wp--preset--spacing--50); border-radius: var(--wp--custom--radius--paneel); border: 1.5px dashed var(--wp--preset--color--zand); max-width: 760px; }
.acv-empty2 h3 { margin: 0 0 6px; font-size: 21px; }
.acv-empty2 p { margin: 0; color: var(--wp--preset--color--grijs); }

/* Contact */
.acv-contact { display: grid; gap: var(--wp--preset--spacing--30); }
@media (min-width: 1024px) { .acv-contact { grid-template-columns: repeat(3, 1fr); } }
.acv-contact p { color: var(--wp--preset--color--zwart) !important; }
.acv-tijden { list-style: none; margin: var(--wp--preset--spacing--20) 0 0; padding: 0; display: grid; gap: 8px; }
.acv-tijden li { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 8px; border-bottom: var(--wp--custom--lijn); }
.acv-tijden li:last-child { border-bottom: 0; }

/* Galerij: muur met lightbox */
.acv-galerij--muur { display: block; columns: 2; column-gap: var(--wp--preset--spacing--20); }
@media (min-width: 1024px) { .acv-galerij--muur { columns: 3; column-gap: var(--wp--preset--spacing--30); } }
.acv-galerij--muur .acv-galerij__item { break-inside: avoid; margin: 0 0 var(--wp--preset--spacing--20); aspect-ratio: auto; grid-row: auto !important; }
@media (min-width: 1024px) { .acv-galerij--muur .acv-galerij__item { margin-bottom: var(--wp--preset--spacing--30); } }
.acv-galerij--muur a { display: block; cursor: zoom-in; }
.acv-galerij--muur img { height: auto !important; }
.acv-galerij__item img { transition: transform 1.2s var(--acv-ease), filter .6s; }
.acv-galerij__item:hover img { transform: scale(1.045); }
.acv-lightbox { position: fixed; inset: 0; z-index: 200; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: var(--wp--preset--spacing--50); border: 0; background: color-mix(in srgb, var(--wp--preset--color--zwart) 94%, transparent); display: none; place-items: center; }
.acv-lightbox[open] { display: grid; }
.acv-lightbox img { max-width: min(1200px, 100%); max-height: 78vh; border-radius: var(--wp--custom--radius--kaart); object-fit: contain; }
.acv-lightbox figcaption { margin-top: var(--wp--preset--spacing--30); color: var(--acv-op-donker); text-align: center; font-size: var(--wp--preset--font-size--klein); }
.acv-lightbox button { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--wit) 40%, transparent); background: transparent; color: var(--wp--preset--color--wit); font: 600 20px/1 var(--wp--preset--font-family--sans); cursor: pointer; }
.acv-lightbox button:hover { background: color-mix(in srgb, var(--wp--preset--color--wit) 12%, transparent); }
.acv-lightbox [data-sluit] { top: var(--wp--preset--spacing--40); right: var(--wp--preset--spacing--40); }
.acv-lightbox [data-vorige] { left: var(--wp--preset--spacing--30); top: 50%; translate: 0 -50%; }
.acv-lightbox [data-volgende] { right: var(--wp--preset--spacing--30); top: 50%; translate: 0 -50%; }

/* Lopende band */
.acv-ticker { overflow: hidden; background: var(--wp--preset--color--beige); border-block: var(--wp--custom--lijn); padding-block: var(--wp--preset--spacing--40); }
.acv-ticker__spoor { display: flex; width: max-content; animation: acv-ticker 48s linear infinite; }
.acv-ticker__groep { display: flex; align-items: center; gap: var(--wp--preset--spacing--50); padding-right: var(--wp--preset--spacing--50); }
.acv-ticker__groep span { font: 600 clamp(28px, 4vw, 48px)/1 var(--wp--preset--font-family--serif); letter-spacing: -.015em; white-space: nowrap; }
.acv-ticker__groep .acv-ster { width: 18px; height: 18px; }
.acv-ticker:hover .acv-ticker__spoor { animation-play-state: paused; }
@keyframes acv-ticker { to { transform: translateX(-50%); } }

/* Lopende tekst op gewone pagina's en jaarverslagen */
.acv-content { font-size: 17px; }
.acv-content > * { max-width: 70ch; }
.acv-content h2 { margin-top: var(--wp--preset--spacing--60); font-size: var(--wp--preset--font-size--kop-3); }
.acv-content h3 { font-size: 20px; }
.acv-content--pagina { padding-top: var(--wp--preset--spacing--70); }
.acv-content h3 { margin-top: var(--wp--preset--spacing--50); }
.acv-content ul:not([class]) { list-style: none; padding-left: 0; }
.acv-content ul:not([class]) > li { position: relative; padding-left: 24px; margin-bottom: 8px; }
.acv-content ul:not([class]) > li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; background: var(--wp--preset--color--rood); clip-path: polygon(50% 0, 64% 36%, 100% 50%, 64% 64%, 50% 100%, 36% 64%, 0 50%, 36% 36%); }
.acv-content blockquote { margin-inline: 0; padding-left: var(--wp--preset--spacing--40); border-left: 3px solid var(--wp--preset--color--rood); font: 600 21px/1.45 var(--wp--preset--font-family--serif); }
.acv-content table { border-collapse: collapse; width: 100%; font-size: 15px; }
.acv-content td, .acv-content th { padding: 10px 12px; border-bottom: var(--wp--custom--lijn); text-align: left; }
.acv-content img { border-radius: var(--wp--custom--radius--kaart); height: auto; }
.acv-pagehead h1 { font-size: var(--wp--preset--font-size--display); letter-spacing: -.02em; line-height: 1.02; }

/* The Events Calendar in huisstijl: de plugin zet zijn variabelen op .tribe-common, dus daar overschrijven */
body .tribe-common, body .tribe-events, body .tec-events, body .tribe-events-pg-template, body .tribe-block, body .tec-block__single-event {
	--tec-font-family-sans-serif: var(--wp--preset--font-family--sans);
	--tec-font-family-base: var(--wp--preset--font-family--sans);
	--tec-color-accent-primary: var(--wp--preset--color--groen);
	--tec-color-accent-primary-hover: var(--wp--preset--color--groen-donker);
	--tec-color-accent-primary-active: var(--wp--preset--color--groen-donker);
	--tec-color-button-primary: var(--wp--preset--color--groen);
	--tec-color-link-accent: var(--wp--preset--color--groen);
	--tec-color-text-primary: var(--wp--preset--color--zwart);
	--tec-color-text-secondary: var(--wp--preset--color--grijs);
	--tec-color-background-events: transparent;
	--tec-color-border-default: var(--wp--preset--color--zand);
	--tec-border-radius-default: 10px;
	--tec-color-background-secondary: var(--wp--preset--color--licht);
	--tec-color-icon-active: var(--wp--preset--color--groen);
	--tec-color-text-event-title: var(--wp--preset--color--zwart);
	--tec-color-day-marker-month: var(--wp--preset--color--rood);
	--tec-font-family-sans-serif: var(--wp--preset--font-family--sans);
}
body .tribe-common .tribe-events-calendar-list__event-title, body .tribe-common .tribe-events-calendar-list__event-title-link, body .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-desktop { font-family: var(--wp--preset--font-family--serif) !important; font-weight: 600 !important; }
body .tribe-events .tribe-events-c-events-bar { background: var(--wp--preset--color--wit); border-radius: var(--wp--custom--radius--kaart); border: var(--wp--custom--lijn); }
body .tribe-events .tribe-events-calendar-list__event-date-tag-daynum { font-family: var(--wp--preset--font-family--serif); font-weight: 600; font-size: 32px; }
body .tribe-common .tribe-common-c-btn-border, body .tribe-events .tribe-events-c-subscribe-dropdown__button, body .tribe-block__events-link .tribe-block__btn--link { border-radius: var(--wp--custom--radius--pil) !important; border-color: var(--wp--preset--color--zwart) !important; color: var(--wp--preset--color--zwart) !important; }
body .tribe-events-single .tribe-events-event-categories a, body .tribe-events-meta-group a { color: var(--wp--preset--color--groen); }
body .tribe-events-pg-template, body .tribe-events-l-container { padding-top: var(--wp--preset--spacing--60) !important; }
.tribe-common .tribe-common-h1, .tribe-common .tribe-common-h2, .tribe-common .tribe-common-h3, .tribe-common .tribe-common-h4, .tribe-events-single-event-title { font-family: var(--wp--preset--font-family--serif) !important; font-weight: 600 !important; letter-spacing: -.01em; }
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn, .tribe-events .tribe-events-c-search__button { border-radius: var(--wp--custom--radius--pil) !important; font-weight: 700 !important; }
.tribe-events .tribe-events-calendar-list__event-row { padding-block: var(--wp--preset--spacing--40); border-bottom: var(--wp--custom--lijn); }
.tribe-events .tribe-events-calendar-list__event-featured-image { border-radius: var(--wp--custom--radius--kaart); }
.tribe-events-single, .tribe-events-pg-template, .tribe-common-l-container { max-width: var(--acv-wrap) !important; }

/* ===== Beweging ===== */
.acv-header { transition: background-color .4s, box-shadow .4s, transform .5s var(--acv-ease); }
.acv-header.is-vast { background: color-mix(in srgb, var(--wp--preset--color--licht) 92%, transparent); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); box-shadow: 0 1px 0 var(--wp--preset--color--zand); color: var(--wp--preset--color--zwart); }
.acv-header--overlay { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); }
.acv-header--overlay.is-vast .acv-header__cta .wp-element-button { background: var(--wp--preset--color--groen); border-color: var(--wp--preset--color--groen); color: var(--wp--preset--color--wit); }
.acv-header.is-weg { transform: translateY(-110%); }
.acv-nav .wp-block-navigation-item__content { position: relative; }
.acv-nav .wp-block-navigation-item__content::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .45s var(--acv-ease); }
.acv-nav .wp-block-navigation-item__content:hover { text-decoration: none !important; }
.acv-nav .wp-block-navigation-item__content:hover::after, .acv-nav .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); transform-origin: left; }
.acv-nav .is-menu-open .wp-block-navigation-item__content::after { display: none; }

/* Onthullen bij scrollen */
.acv-js [data-r] { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--acv-ease), transform 1.1s var(--acv-ease); transition-delay: calc(var(--i, 0) * 80ms); }
.acv-js [data-r].is-in { opacity: 1; transform: none; }
.acv-js [data-r="foto"] { opacity: 1; transform: none; clip-path: inset(12% 0 0 0 round var(--wp--custom--radius--paneel)); transition: clip-path 1.3s var(--acv-ease); }
.acv-js [data-r="foto"] img { transform: scale(1.12); transition: transform 1.6s var(--acv-ease); }
.acv-js [data-r="foto"].is-in { clip-path: inset(0 0 0 0 round var(--wp--custom--radius--paneel)); }
.acv-js [data-r="foto"].is-in img { transform: none; }

/* Woorden die omhoog schuiven */
.acv-woord { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.acv-woord > span { display: inline-block; transform: translateY(105%); transition: transform 1s var(--acv-ease); transition-delay: calc(var(--i, 0) * 55ms + 120ms); }
.is-in .acv-woord > span, .acv-woord.is-in > span { transform: none; }

/* Hero: langzaam inzoomen en een geordende binnenkomst */
.acv-js .acv-hero .wp-block-cover__image-background, .acv-js .acv-hero video { transform: scale(1.12); transition: transform 2.4s var(--acv-ease); }
.acv-js .acv-hero.is-in .wp-block-cover__image-background, .acv-js .acv-hero.is-in video { transform: scale(1); }
.acv-js .acv-hero .acv-kicker, .acv-js .acv-hero .acv-hero__lead, .acv-js .acv-hero .wp-block-buttons { opacity: 0; transform: translateY(18px); transition: opacity .9s var(--acv-ease), transform 1s var(--acv-ease); }
.acv-js .acv-hero .acv-hero__lead { transition-delay: .55s; }
.acv-js .acv-hero .wp-block-buttons { transition-delay: .7s; }
.acv-js .acv-hero.is-in .acv-kicker, .acv-js .acv-hero.is-in .acv-hero__lead, .acv-js .acv-hero.is-in .wp-block-buttons { opacity: 1; transform: none; }

/* Kaarten in de homepage: zacht optillen */
.acv-pijler, .acv-review, .acv-event { transition: transform .5s var(--acv-ease), box-shadow .5s var(--acv-ease); }
.acv-pijler:hover, .acv-review:hover, .acv-event:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--zwevend); }
.acv-event__img img { transition: transform 1.2s var(--acv-ease); }
.acv-event:hover .acv-event__img img { transform: scale(1.05); }
.wp-block-button__link { transition: background-color .3s, border-color .3s, color .3s, translate .45s var(--acv-ease), transform .3s var(--acv-ease) !important; }

@media (prefers-reduced-motion: reduce) {
	.acv-js [data-r], .acv-js [data-r="foto"], .acv-js [data-r="foto"] img, .acv-woord > span, .acv-js .acv-hero * { opacity: 1 !important; transform: none !important; clip-path: none !important; }
	.acv-ticker__spoor { animation: none; }
}

/* Mobiel menu */
.acv-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--licht) !important; color: var(--wp--preset--color--zwart) !important; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) !important; isolation: isolate; }
.acv-nav .wp-block-navigation__responsive-container.is-menu-open::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wp--preset--color--grijs); opacity: .12; -webkit-mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat; mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat; }
.acv-nav .is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; padding-top: var(--wp--preset--spacing--70) !important; }
.acv-nav .is-menu-open .wp-block-navigation__container { align-items: flex-start !important; gap: var(--wp--preset--spacing--20) !important; width: 100%; }
.acv-nav .is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: var(--wp--custom--lijn); padding-bottom: var(--wp--preset--spacing--20); animation: acv-menu-in .6s var(--acv-ease) both; }
.acv-nav .is-menu-open .wp-block-navigation-item:nth-child(2) { animation-delay: .05s; }
.acv-nav .is-menu-open .wp-block-navigation-item:nth-child(3) { animation-delay: .1s; }
.acv-nav .is-menu-open .wp-block-navigation-item:nth-child(4) { animation-delay: .15s; }
.acv-nav .is-menu-open .wp-block-navigation-item:nth-child(5) { animation-delay: .2s; }
.acv-nav .is-menu-open .wp-block-navigation-item__content { font: 600 var(--wp--preset--font-size--kop-2)/1.15 var(--wp--preset--font-family--serif) !important; color: var(--wp--preset--color--zwart) !important; }
.acv-nav .wp-block-navigation__responsive-container-close { top: var(--wp--preset--spacing--40) !important; right: var(--wp--preset--spacing--30) !important; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; border: 1.5px solid var(--wp--preset--color--zwart); }
@keyframes acv-menu-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .acv-nav .is-menu-open .wp-block-navigation-item { animation: none; } }
.acv-nav .wp-block-navigation__responsive-container.is-menu-open { --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; }
.acv-nav .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 88px !important; }
.acv-nav .is-menu-open .wp-block-navigation-item, .acv-nav .is-menu-open .wp-block-navigation__container { text-align: left; justify-content: flex-start !important; }
.acv-nav .is-menu-open .wp-block-navigation-item { align-items: flex-start !important; }
body .tribe-events .tribe-events-c-search__button, body .tribe-common .tribe-common-c-btn, body .tribe-common button.tribe-common-c-btn { background: var(--wp--preset--color--groen) !important; color: var(--wp--preset--color--wit) !important; }
body .tribe-events .tribe-events-c-search__button:hover, body .tribe-common .tribe-common-c-btn:hover { background: var(--wp--preset--color--groen-donker) !important; }
.acv-tec-kop { margin-inline: calc(50% - 50vw); margin-top: calc(-1 * var(--wp--preset--spacing--60)); margin-bottom: var(--wp--preset--spacing--60); }
.acv-tec-kop .acv-wrap { width: min(100% - 2 * var(--wp--preset--spacing--50), var(--acv-wrap)); }

/* Review-ronde: paginakop zonder patroon achter tekst, patroon alleen rechts en vervagend */
.acv-pagehero { position: relative; isolation: isolate; overflow: hidden; background: var(--wp--preset--color--beige); }
.acv-pagehero::before { content: ""; position: absolute; inset: 0 0 0 45%; z-index: -1; background: var(--wp--preset--color--grijs); opacity: .2;
	-webkit-mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat, linear-gradient(90deg, transparent, black 70%); -webkit-mask-composite: source-in;
	mask: url(../svg/khatam.svg) 0 0 / 48px 48px repeat, linear-gradient(90deg, transparent, black 70%); mask-composite: intersect; }
.acv-pagehero--groen { background: var(--wp--preset--color--groen); }
.acv-pagehero--groen::before { background: var(--wp--preset--color--wit); opacity: .14; }
.acv-pagehero--beeld::before { display: none; }
.acv-pagehero__grid { display: grid; gap: var(--wp--preset--spacing--60); align-items: center; }
@media (min-width: 1024px) { .acv-pagehero__grid { grid-template-columns: 1.1fr .9fr; gap: var(--wp--preset--spacing--80); } }
.acv-pagehero--beeld .acv-media { max-height: 560px; }
.acv-pagehero .acv-lockup { margin-top: var(--wp--preset--spacing--40); }
.acv-pagehero--groen .acv-pill { color: var(--wp--preset--color--wit); }
.acv-motto { margin: 0; padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); border-radius: var(--wp--custom--radius--paneel); background: var(--wp--preset--color--zwart); color: var(--wp--preset--color--wit); position: relative; }
.acv-motto p { margin: 0; font: 600 var(--wp--preset--font-size--kop-1)/1.1 var(--wp--preset--font-family--serif); letter-spacing: -.015em; }
.acv-motto p::before { content: "\201C"; } .acv-motto p::after { content: "\201D"; }
.acv-motto cite { display: block; margin-top: var(--wp--preset--spacing--40); font: 600 var(--wp--preset--font-size--klein)/1.4 var(--wp--preset--font-family--sans); color: var(--acv-op-donker); }
.acv-cards--compact .acv-card2 { display: flex; align-items: center; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--40); }
.acv-cards--compact .acv-card2 h3 { margin: 0; font-size: 19px; }
.acv-stat--leeg b, .acv-stat--leeg span { color: color-mix(in srgb, var(--wp--preset--color--wit) 45%, transparent) !important; }