/* Vondel — compat-laag: vertaalt block-wrapper-structuur (wp-block-*) naar de skin-vormtaal.
   Hoort na skin.css geladen te worden. Handgeschreven onderdeel van de fixronde 25-08. */

/* Knoppen: elk knop-blok in deze huid draagt de cta-vorm */
.wp-block-button__link{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--wp--preset--color--sunrise-coral);color:#fff;
  font-size:19px;font-weight:700;letter-spacing:-0.009em;text-decoration:none;
  padding:15px 28px;border-radius:var(--wp--custom--radius--buttons);border:none;
}
.wp-block-button__link::after{content:"→"}
.wp-block-button__link:hover{filter:brightness(.95);color:#fff}
.balk .wp-block-button__link{font-size:15px;padding:8px 18px}
.mailrij .wp-block-button__link{font-size:15px;padding:12px 22px}
.f-knoppen{margin:0}

/* Algemene structuurresets voor gegenereerde blokken */
.alignfull{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:0 !important}
.mono{margin:0}
p.ghost-rij{margin:0}
.slot-vulling{visibility:hidden;margin:0}
.wp-block-columns{margin:0}

/* Hero */
.hero .acties{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}
.hero .wp-block-columns.benefits{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.hero .benefits .wp-block-column{flex:0 0 auto !important;width:auto}
.benefit{max-width:200px;text-align:left}
.benefit p{margin:0;font-size:13px;color:rgba(255,255,255,.6)}
.benefit p strong{display:block;font-size:15px;font-weight:700;color:#fff}

/* Namenbalk */
.namen p{margin:0}

/* Scrollverhaal */
.vh-paneel .vh-binnen{position:relative;z-index:2;width:min(1200px,100%);margin-inline:auto;padding-inline:24px}
.vh-chips{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.vh-chips p{margin:0}
.vh-chips a{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  width:min(420px,100%);font-size:15px;letter-spacing:-0.005em;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:14px 16px;
}
.vh-chips a::after{content:"+";font-size:18px;color:rgba(255,255,255,.7)}

/* FAQ */
.f-sectie-faq .faq{margin-left:0 !important;margin-top:32px}
.rij .meer{margin:0;flex:0 0 auto}
.rij .meer a{color:var(--wp--preset--color--zinc-gray);font-size:13px}

/* Makers */
.maker .maker-naam{margin:12px 0 0}
.maker .maker-naam strong{font-weight:700;font-size:15px}
.maker .maker-rol{margin:2px 0 0;color:var(--wp--preset--color--zinc-gray);font-size:13px}

/* Carrousel-kaarten */
.kaartje .kaartje-naam{margin:16px 0 0}
.kaartje .kaartje-naam strong{font-weight:700;font-size:15px}
.kaartje .wp-block-quote{margin:8px 0 0;border:0;padding:0}
.kaartje .wp-block-quote p{margin:0;font-size:19px;line-height:1.4;letter-spacing:-0.009em}
.kaartje cite{display:block;margin-top:8px;font-style:normal;color:var(--wp--preset--color--zinc-gray);font-size:13px}
.portret .speel{margin:0}

/* Media-rail */
.tegel .cite-binnen{display:grid;gap:0;place-items:center;text-align:center}
.tegel .onder{margin:0}
.tegel .onder strong{font-size:15px}
.tegel.cite p{margin:0}
.tegel.cite .bron{margin-top:14px}
.tegel p.speel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:13px;color:var(--wp--preset--color--carbon-black);z-index:2}

/* Plan */
.wp-block-columns.plan{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center}
.plan .wp-block-column{margin:0}
.plankaart .merkje{margin:0}
.plankaart .prijs{margin:0}
.plankaart .prijs strong{display:block;font-size:30px;font-weight:400;letter-spacing:-0.013em}
.plan-rechts .kop-lg{margin-top:12px;max-width:16ch}
.plan-rechts .f-knoppen{margin-top:28px}
@media(max-width:860px){.wp-block-columns.plan{grid-template-columns:1fr;gap:32px}}

/* Eind-cta */
.eind .acties{margin-top:28px;display:flex;justify-content:center;gap:22px;align-items:center;flex-wrap:wrap}

/* Nieuwsbrief */
.wp-block-columns.binnen{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.mailrij{display:flex;gap:11px;margin-top:20px;max-width:440px;align-items:center}
.mailrij .veld{flex:1;margin:0;padding:14px 18px;border:1px solid var(--wp--preset--color--mist-gray);border-radius:999px;background:#fff;color:var(--wp--preset--color--zinc-gray);font-size:15px}
@media(max-width:760px){.wp-block-columns.binnen{grid-template-columns:1fr}}

/* Urgentiebalk */
.balk .balk-inhoud{display:flex;align-items:center;gap:20px;padding-block:10px;flex-wrap:wrap;width:min(1200px,100%);margin-inline:auto;padding-inline:24px}
.balk .balk-kop{margin:0;font-size:15px}
.balk .mono{color:rgba(255,255,255,.55);text-transform:none}
.balk .f-knoppen{margin-left:auto}
@media(max-width:760px){.balk .mono{display:none}}

/* Kop (nav) en voet via parts */
.nav-zone{position:absolute;inset-inline:0;top:20px;display:flex;justify-content:center;z-index:5}
.nav-pil{display:flex;align-items:center;gap:28px;background:var(--wp--preset--color--carbon-black);border-radius:var(--wp--custom--radius--navbar);padding:12px 19px;width:min(1160px,calc(100% - 40px))}
.nav-pil p{margin:0}
.nav-pil .merk a{color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.nav-pil .merk{margin-right:auto}
.nav-links{display:flex;gap:22px}
.nav-links a{color:rgba(255,255,255,.6);font-size:15px;text-decoration:none}
.nav-links a:hover{color:#fff}
.nav-pil .wp-block-button__link{font-size:15px;padding:9px 18px}
@media(max-width:760px){.nav-links{display:none}}
.voet{padding-block:56px 40px}
.voet-binnen{width:min(1200px,100%);margin-inline:auto;padding-inline:24px}
.voet .wp-block-columns.voet-kolommen{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.voet-kolommen h4{font-size:13px;font-weight:700;margin:0 0 12px}
.voet-kolommen p{margin:0 0 8px}
.voet-kolommen a{color:var(--wp--preset--color--zinc-gray);font-size:15px;text-decoration:none}
.voet-kolommen a:hover{color:var(--wp--preset--color--carbon-black)}
.voet-merk strong{font-size:17px}
.voet-onder{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--wp--preset--color--mist-gray);margin-top:40px;padding-top:20px}
.voet-onder p{margin:0}
@media(max-width:760px){.voet .wp-block-columns.voet-kolommen{grid-template-columns:1fr 1fr}}

/* Ritme conform referentie: deze secties volgen strak op de vorige */
.f-sectie-faq,.f-sectie-horizontaal,.f-sectie-verhalen{padding-top:0}
.f-sectie-verhalen .stat-groot{margin-top:12px}
.f-sectie-verhalen .aw-carrousel{margin-top:36px}

/* Maatklassen (vervangen inline styles; core-save-conform) */
.maat-16{max-width:16ch}.maat-20{max-width:20ch}.maat-22{max-width:22ch}
.maat-44{max-width:44ch}.maat-52{max-width:52ch}