/* ==========================================================================
   VVE – Tariefpagina (verklaringvanerfrecht.nl/tarief/)  v2.0
   Eigen subpagina-opbouw: paginakop met illustratie › calculator › inbegrepen ›
   extra kosten › andere tarieven › laagste prijs garantie › FAQ › slot-CTA.
   Volledig gescoped op .vve-tarief. Huisstijl via themavariabelen van flavorit.
   ========================================================================== */

/* -- 0. Standaard paginatitel verbergen (de paginakop bevat de H1) --------- */
body:has(.vve-tarief.vt-kop) .entry-content > .wp-block-group:has(.entry-header){display:none!important}
body:has(.vve-tarief.vt-kop) .entry-content{margin-top:0!important}

/* -- 1. Typografieschaal + basis ------------------------------------------ */
.vve-tarief{
  --vt-paars:var(--paars,#501b65);--vt-donker:var(--donkerpaars,#391348);--vt-mint:var(--mint,#a4d8e0);
  --vt-lichtmint:var(--lichtmint,#ebf6f7);--vt-blauw:var(--blauw,#006ab4);--vt-lijn:#b6e0e6;
  /* typografie: één schaal voor alle blokken */
  --vt-fs-h1:48px;   --vt-lh-h1:1.15;
  --vt-fs-h2:36px;   --vt-lh-h2:1.2;
  --vt-fs-h3:22px;   --vt-lh-h3:1.3;
  --vt-fs-lead:19px; --vt-lh-lead:1.6;
  --vt-fs-body:16px; --vt-lh-body:1.6;
  --vt-fs-label:13px;               /* pre-head, kaartlabels, kruimelpad */
  --vt-fs-bedrag:28px;              /* alle bedragen in kaarten/regels */
  --vt-fs-bedrag-groot:44px;        /* prijs in de paginakop */
  --vt-sectie:96px;
  font-family:Inter,Arial,sans-serif;color:var(--primair-text-color,#0d0900);box-sizing:border-box;margin-top:0;margin-bottom:0}
@media (max-width:767px){.vve-tarief{
  --vt-fs-h1:34px;--vt-fs-h2:28px;--vt-fs-h3:20px;--vt-fs-lead:17px;--vt-fs-body:16px;
  --vt-fs-bedrag:24px;--vt-fs-bedrag-groot:36px;--vt-sectie:64px}}
.vve-tarief *,.vve-tarief *::before,.vve-tarief *::after{box-sizing:border-box}
.vve-tarief .vt-wrap{max-width:1180px;margin-left:auto!important;margin-right:auto!important;padding-left:0;padding-right:0;width:100%}
@media (max-width:1228px){.vve-tarief .vt-wrap{padding-left:24px;padding-right:24px}}
.vve-tarief h1,.vve-tarief h2,.vve-tarief h3,.vve-tarief p,.vve-tarief ul{text-align:left}
.vve-tarief h1{font-size:var(--vt-fs-h1)!important;line-height:var(--vt-lh-h1)!important;font-weight:700;color:var(--vt-donker);margin:0 0 16px}
.vve-tarief h2,.vve-tarief .vt-faq .rank-math-question.vt-h2{font-size:var(--vt-fs-h2)!important;line-height:var(--vt-lh-h2)!important;font-weight:700;color:var(--vt-donker);margin:12px 0 16px}
.vve-tarief h3{font-size:var(--vt-fs-h3)!important;line-height:var(--vt-lh-h3)!important;font-weight:700;color:var(--vt-donker);margin:0 0 12px}
.vve-tarief p,.vve-tarief li{font-size:var(--vt-fs-body);line-height:var(--vt-lh-body)}
.vve-tarief p{margin:0 0 16px}
.vve-tarief p:last-child{margin-bottom:0}
.vve-tarief a{color:var(--vt-blauw)}
.vve-tarief .gele-knop a,.vve-tarief a.gele-knop{color:var(--vt-paars)!important}
.vve-tarief .vt-lead{font-size:var(--vt-fs-lead)!important;line-height:var(--vt-lh-lead);max-width:760px}
.vve-tarief .pre-head{font-size:var(--vt-fs-label)!important;margin:0}
.vve-tarief .vt-label{font-size:var(--vt-fs-label)!important;line-height:1.4;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vt-blauw);margin:0 0 8px}
.vve-tarief .wp-block-columns{margin-bottom:0}

/* Secties */
.vve-tarief.vt-sectie{padding:var(--vt-sectie) 0}
.vve-tarief.vt-sectie--mint{background:var(--vt-lichtmint)}
.vve-tarief.vt-sectie:not(.vt-sectie--mint):not(.vt-calc) + .vve-tarief.vt-sectie:not(.vt-sectie--mint):not(.vt-calc){padding-top:0}

/* Kolommen */
.vve-tarief .vt-twee{display:flex;gap:64px;align-items:flex-start}
.vve-tarief .vt-twee--midden{align-items:center}
.vve-tarief .wp-block-columns > .wp-block-column{min-width:0}

/* -- 2. Knoppen & links (huisstijl) --------------------------------------- */
.vve-tarief .vt-knoppen{display:flex;flex-wrap:wrap;gap:12px 16px;margin:24px 0 0;justify-content:flex-start}
.vve-tarief .vt-knoppen .wp-block-button{margin:0}
.vve-tarief .vt-knoppen .wp-block-button__link{white-space:nowrap}
.vve-tarief .vt-tekstlink{margin-top:16px}
.vve-tarief .vt-tekstlink a{font-weight:700;font-size:var(--vt-fs-body);text-decoration:none}
.vve-tarief .vt-tekstlink a::after{font-family:"Material Symbols Outlined";content:"\e5c8";font-size:17px;font-weight:400;line-height:1;vertical-align:-3px;margin-left:4px;white-space:nowrap}
.vve-tarief .vt-tekstlink a:hover{text-decoration:underline}

/* -- 3. Paginakop: lichtblauwe band over de volle breedte -----------------
   Zelfde behandeling als de laagste prijs garantie: .vt-sectie--mint (#ebf6f7) over de volle breedte,
   .vt-wrap als binnencontainer, sectiepadding 96/64 px, kolommen .vt-twee (55/45, verticaal gecentreerd).
   Tekst links (pre-head, H1, één korte alinea, gele knop), illustratie rechts. Mobiel valt de illustratie weg. */
.vve-tarief .vt-kop__titel{margin:0 0 20px!important;color:var(--vt-donker)!important;text-wrap:balance}
.vve-tarief .vt-kop__tekst .vt-lead{margin:0 0 28px!important;max-width:560px;text-wrap:pretty}
.vve-tarief .vt-kop__tekst .vt-lead strong{color:var(--vt-paars);white-space:nowrap}
.vve-tarief .vt-kop__tekst .vt-knoppen{margin:0}
.vve-tarief .vt-kop__tekst .vt-knoppen .wp-block-button{margin:0!important}
.vve-tarief .vt-kop a:focus-visible{outline:2px solid var(--vt-paars);outline-offset:3px}
.vve-tarief .vt-kop__beeld{min-width:0}
.vve-tarief .vt-kop__illustratie{margin:0 0 0 auto!important;max-width:440px}
.vve-tarief .vt-kop__illustratie img{display:block;width:100%;height:auto}
@media (max-width:1023px){
  .vve-tarief .vt-kop__illustratie{margin:0!important;max-width:360px}
}
@media (max-width:767px){
  .vve-tarief .vt-kop__beeld{display:none}
  .vve-tarief .vt-kop__titel{margin-bottom:16px!important}
  .vve-tarief .vt-kop__tekst .vt-lead{margin-bottom:24px!important}
}

/* -- 3b. Tariefopbouw (direct onder de kop) --------------------------------
   Kop (pre-head, H2, uitleg) over de volle breedte met een leesbare
   regellengte, daaronder 4 prijskaarten van gelijke hoogte: basisprijs
   (mint) en de 3 aanvullende tarieven (lichtmint). In elke kaart staat het
   bedrag op dezelfde plek: label, bedrag, H3, uitleg. Desktop 4 naast
   elkaar, 768-1199px 2x2, mobiel onder elkaar. */
.vve-tarief .vt-opbouw__kop{max-width:720px;margin-bottom:48px}
.vve-tarief .vt-opbouw__kop h2{margin-bottom:16px}
.vve-tarief .vt-opbouw__kop .vt-lead{margin:0!important;text-wrap:pretty}
.vve-tarief .vt-tarieven,.vve-tarief .vt-tarieven > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.vve-tarief .vt-tarieven > .wp-block-group__inner-container{grid-column:1/-1}
.vve-tarief .vt-tarief{margin:0!important;padding:28px!important;display:flex;flex-direction:column}
.vve-tarief .vt-tarief > .wp-block-group__inner-container{display:contents}
.vve-tarief .vt-tarief--basis{background:var(--vt-mint)}
.vve-tarief .vt-tarief .vt-label{margin:0 0 8px!important}
.vve-tarief .vt-tarief.vt-tarief--basis .vt-label{color:var(--vt-donker)}
.vve-tarief .vt-tarief__bedrag{margin:0 0 16px!important;line-height:1.1}
.vve-tarief .vt-tarief__bedrag .vt-per{display:inline;/*margin:0 0 0 8px*/ margin:0;}
.vve-tarief .vt-tarief h3{margin:0 0 8px!important}
.vve-tarief .vt-tarief p:last-child{margin:0!important}
@media (max-width:1199px){
  .vve-tarief .vt-tarieven,.vve-tarief .vt-tarieven > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .vve-tarief .vt-opbouw__kop{margin-bottom:28px}
  .vve-tarief .vt-tarieven,.vve-tarief .vt-tarieven > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr);gap:16px}
  .vve-tarief .vt-tarief{padding:24px!important}
}

/* -- 4. Kaarten, bedragen, vinkjes ---------------------------------------- */
.vve-tarief .vt-kaart{background:var(--vt-lichtmint);border-radius:25px;padding:32px;box-shadow:none;border:0}
.vve-tarief.vt-sectie--mint .vt-kaart,.vve-tarief .vt-kaart--wit{background:#fff}
.vve-tarief .vt-kaarten{display:grid!important;gap:24px;margin-top:24px;align-items:stretch}
.vve-tarief .vt-kaarten--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vve-tarief .vt-kaarten > .wp-block-column{margin:0!important;flex-basis:auto!important;width:auto}
/* bedragen: één stijl, centen op dezelfde baseline en in dezelfde grootte */
.vve-tarief .vt-bedrag{font-size:var(--vt-fs-bedrag)!important;line-height:1.2;font-weight:700;color:var(--vt-paars);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;margin:0 0 12px}
.vve-tarief .vt-bedrag--groot{font-size:var(--vt-fs-bedrag-groot)!important;margin:0}
.vve-tarief .vt-per{display:block;font-size:var(--vt-fs-label);font-weight:600;color:var(--vt-donker);white-space:nowrap;margin-top:2px}
.vve-tarief .vt-check{list-style:none;margin:0;padding:0}
.vve-tarief .vt-check li{position:relative;padding:0 0 0 34px;margin:0 0 10px}
.vve-tarief .vt-check li:last-child{margin-bottom:0}
.vve-tarief .vt-check li::before,.vve-tarief .vt-tegel p::before{font-family:"Material Symbols Outlined";content:"\e86c";position:absolute;left:0;top:-1px;font-size:24px;font-weight:300;line-height:1;color:var(--vt-donker)}
.vve-tarief .vt-icoon{font-family:"Material Symbols Outlined";font-size:44px!important;line-height:1!important;color:var(--vt-blauw);margin:0 0 16px!important;font-weight:300}

/* -- 5. Calculator-sectie (paars) ----------------------------------------- */
.vve-tarief.vt-calc{background:var(--vt-paars)}
.vve-tarief.vt-calc h2,.vve-tarief.vt-calc .vt-lead{color:#fff}
.vve-tarief.vt-calc .vt-lead a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vve-tarief.vt-calc .pre-head{color:var(--vt-mint)}
.vve-tarief.vt-calc .pre-head::before{filter:brightness(0) invert(1)}
.vve-tarief .vt-calc__rij{display:block!important;max-width:760px;margin-top:40px}
/* betaalregel direct onder de calculator (vervangt het zijblok "Wanneer betaal je?") */
.vve-tarief.vt-calc .vt-calc__noot{margin:20px 0 0;max-width:760px;text-wrap:pretty;color:#fff;font-size:var(--vt-fs-body);line-height:var(--vt-lh-body)}
.vve-tarief.vt-calc .vt-calc__noot a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* -- 6. Inbegrepen: tegels ------------------------------------------------ */
.vve-tarief .vt-tegels > .wp-block-group__inner-container{display:contents}
.vve-tarief .vt-tegels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vve-tarief .vt-tegel{background:var(--vt-lichtmint);border-radius:25px;padding:24px}
.vve-tarief .vt-tegel p{position:relative;padding-left:34px;font-weight:600;color:var(--vt-donker);margin:0}

/* -- 8. Andere tarieven ---------------------------------------------------
   Erfbelasting: één brede kaart in twee delen die elk op zichzelf lezen:
   links de uitleg (label, H3, tekst), rechts een wit prijsvak met label,
   bedrag, korting en de link. Geen zin loopt over beide kolommen. Daaronder
   de twee kaarten (oude verklaring, executele) met dezelfde opbouw: label,
   H3, bedrag, tekst. */
.vve-tarief .vt-erfbelasting{margin-top:32px}
.vve-tarief .vt-erf,.vve-tarief .vt-erf > .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.vve-tarief .vt-erf > .wp-block-group__inner-container{grid-column:1/-1}
.vve-tarief .vt-erf__tekst p:last-child{margin-bottom:0}
.vve-tarief .vt-erf__prijs{background:#fff;border-radius:20px;padding:28px}
.vve-tarief .vt-erf__prijs .vt-bedrag{margin:0 0 16px}
.vve-tarief .vt-erf__prijs .vt-tekstlink{margin:16px 0 0!important}
.vve-tarief .vt-korting{position:relative;padding:16px 0 0 34px;border-top:1px solid var(--vt-lijn);font-size:var(--vt-fs-body);line-height:var(--vt-lh-body);margin:0!important}
.vve-tarief .vt-korting strong{white-space:nowrap}
.vve-tarief .vt-korting::before{font-family:"Material Symbols Outlined";content:"\e86c";position:absolute;left:0;top:15px;font-size:24px;font-weight:300;line-height:1;color:var(--vt-donker)}
/* twee kaarten: link onderaan, zodat beide kaarten op dezelfde manier eindigen */
.vve-tarief.vt-andere .vt-kaarten--2 > .vt-kaart{display:flex;flex-direction:column}
.vve-tarief.vt-andere .vt-kaarten--2 > .vt-kaart > .vt-tekstlink{margin-top:auto!important;padding-top:8px}
@media (max-width:1023px){
  .vve-tarief .vt-erf,.vve-tarief .vt-erf > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:767px){
  .vve-tarief .vt-erf__prijs{padding:20px}
}

/* -- 9. Laagste prijs garantie --------------------------------------------- */
.vve-tarief .vt-garantie__illustratie{margin:0!important}
.vve-tarief .vt-garantie__illustratie img{width:100%;max-width:480px;height:auto;display:block}

/* -- 10. FAQ (Rank Math) – identiek aan de vragenblokken op de homepage ----
   Waarden gemeten op verklaringvanerfrecht.nl (.homefaq, Advanced Gutenberg-accordion):
   blok 664px breed (desktop) / volle breedte (mobiel), vraagbalk mint, padding 14px 20px,
   radius 16px, min-hoogte 67px, vraag 18px/700/32,4px paars, icoon Material 24px/300
   (dicht: arrow_downward, open: close), antwoord 16px/24px, padding 16px 20px 24px,
   radius onder 15px, 15px tussen de vragen. */
.vve-tarief{--vt-faq-mint:var(--mint,#a4d8e0);--vt-fs-faq-vraag:18px;--vt-lh-faq-vraag:32.4px;--vt-fs-faq-antwoord:16px;--vt-lh-faq-antwoord:24px}
.vve-tarief .vt-faq-rij{display:flex;gap:0;align-items:flex-start}
.vve-tarief .vt-faq-rij > .vt-faq-intro{flex:1 1 auto!important;padding-right:32px}
.vve-tarief .vt-faq-rij > .vt-faq-lijst{flex:0 0 58.4%!important;padding-left:25px}
.vve-tarief .vt-faq-intro h2{margin-bottom:0}
.vve-tarief .vt-faq,.vve-tarief #rank-math-faq{background:transparent!important;padding:0!important;margin:0!important;border:0!important}
.vve-tarief #rank-math-faq .rank-math-list{margin:0;padding:0;display:block;max-width:none}
.vve-tarief #rank-math-faq .rank-math-list-item{display:block;margin:0 0 15px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0}
.vve-tarief #rank-math-faq .rank-math-list-item:last-child{margin-bottom:0!important}
.vve-tarief #rank-math-faq .rank-math-question{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:67px;
  margin:10px 0 0!important;padding:14px 20px!important;background:var(--vt-faq-mint)!important;border:0!important;border-radius:16px;
  font-size:var(--vt-fs-faq-vraag)!important;line-height:var(--vt-lh-faq-vraag)!important;font-weight:700;color:var(--vt-paars)!important;text-align:left}
.vve-tarief #rank-math-faq .rank-math-list-item:first-child .rank-math-question{margin-top:0!important}
.vve-tarief #rank-math-faq .rank-math-question::after{content:"\e5db";font-family:"Material Symbols Outlined";font-size:24px;font-weight:300;line-height:39px;color:var(--vt-paars);flex:none}
.vve-tarief #rank-math-faq .rank-math-answer{position:relative;margin:-15px 0 0!important;padding:16px 20px 24px!important;background:var(--vt-faq-mint);border-radius:0 0 15px 15px;
  font-size:var(--vt-fs-faq-antwoord)!important;line-height:var(--vt-lh-faq-antwoord)!important;color:var(--primair-text-color,#0d0900)}
.vve-tarief #rank-math-faq .rank-math-answer p{font-size:var(--vt-fs-faq-antwoord)!important;line-height:var(--vt-lh-faq-antwoord)!important;margin:0 0 16px}
.vve-tarief #rank-math-faq .rank-math-answer p:last-child{margin-bottom:0}
.vve-tarief #rank-math-faq .rank-math-answer a{color:inherit;text-decoration:underline}
/* open/dicht (alleen als het script actief is; zonder JS blijven alle antwoorden zichtbaar) */
.vve-tarief #rank-math-faq.vt-faq--js .rank-math-question{cursor:pointer}
.vve-tarief #rank-math-faq.vt-faq--js .rank-math-question:focus-visible{outline:2px solid var(--vt-paars);outline-offset:2px}
.vve-tarief #rank-math-faq.vt-faq--js .rank-math-list-item:not(.is-open) .rank-math-answer{display:none}
.vve-tarief #rank-math-faq.vt-faq--js .rank-math-list-item.is-open .rank-math-question::after{content:"\e5cd"}

/* -- 11. Slot-CTA --------------------------------------------------------- */
.vve-tarief .vt-slot{background:var(--vt-paars);border-radius:25px;padding:64px}
.vve-tarief .vt-slot h2,.vve-tarief .vt-slot p{color:#fff}
.vve-tarief .vt-slot h2{margin-top:0}
.vve-tarief .vt-reviews{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 32px}
.vve-tarief .vt-reviews li{margin:0;font-size:var(--vt-fs-label)}
.vve-tarief .vt-reviews a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14px}
.vve-tarief .vt-reviews img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
.vve-tarief .vt-reviews strong{font-size:16px}

/* -- Calculator (prijscalculator-plugin) – v1.1-opmaak, ongewijzigd ------- */
.vve-tarief .nd-calculator.nd-calculator{background:var(--vt-lichtmint)!important;border-radius:25px!important;overflow:hidden;box-shadow:none!important;border:0!important;padding:48px!important;margin:0!important;width:auto!important;max-width:100%!important;font-family:Inter,Arial,sans-serif;color:var(--primair-text-color,#0d0900);text-indent:0!important}
.vve-tarief .nd-calculator.nd-calculator h2{font-size:20px!important;line-height:28px!important;font-weight:700!important;color:var(--vt-donker)!important;margin:0 0 20px!important;padding:0!important;text-align:left!important}
.vve-tarief .nd-calculator.nd-calculator p{margin:0!important;padding:0!important}
.vve-tarief .nd-calculator.nd-calculator table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;border-spacing:0!important;margin:0!important;background:transparent!important;table-layout:auto}
.vve-tarief .nd-calculator.nd-calculator td,.vve-tarief .nd-calculator.nd-calculator th{font-size:16px!important;line-height:24px!important;padding:12px 0!important;text-align:left!important;vertical-align:top!important;border:0!important;border-bottom:1px solid var(--vt-lijn)!important;background:transparent!important}
.vve-tarief .nd-calculator.nd-calculator th{font-weight:700!important;color:var(--vt-donker)!important;padding-top:0!important}
.vve-tarief .nd-calculator.nd-calculator td:first-child,.vve-tarief .nd-calculator.nd-calculator th:first-child{padding-left:0!important;width:auto!important}
.vve-tarief .nd-calculator.nd-calculator td:last-child,.vve-tarief .nd-calculator.nd-calculator th:last-child{padding-right:0!important}
.vve-tarief .nd-calculator.nd-calculator td:first-child:not(:last-child),.vve-tarief .nd-calculator.nd-calculator th:first-child:not(:last-child){padding-right:16px!important}
/* kolommen: antwoord 132px, prijs 80px rechts */
.vve-tarief .nd-calculator.nd-calculator td.productantwoord,.vve-tarief .nd-calculator.nd-calculator th.antwoord{width:132px!important;min-width:132px;padding-left:12px!important;padding-right:12px!important;vertical-align:middle!important;white-space:nowrap}
.vve-tarief .nd-calculator.nd-calculator td.nd-price,.vve-tarief .nd-calculator.nd-calculator th.price,.vve-tarief .nd-calculator.nd-calculator td.prijs,.vve-tarief .nd-calculator.nd-calculator #nd_total{width:80px!important;min-width:80px;text-align:right!important;white-space:nowrap!important;vertical-align:middle!important}
.vve-tarief .nd-calculator.nd-calculator .nd-price,.vve-tarief .nd-calculator.nd-calculator #nd_total{white-space:nowrap!important;font-variant-numeric:tabular-nums}
.vve-tarief .nd-calculator.nd-calculator td.productvraag,.vve-tarief .nd-calculator.nd-calculator td.producttekst{vertical-align:middle!important}
/* teksten strak links (v1.1) */
.vve-tarief .nd-calculator.nd-calculator .tekst,.vve-tarief .nd-calculator.nd-calculator div.tekst{margin:6px 0 0!important;padding:0!important;font-style:normal!important;font-size:14px!important;line-height:22px!important;color:var(--primair-text-color,#0d0900)!important;text-indent:0!important}
.vve-tarief .nd-calculator.nd-calculator strong{color:var(--vt-donker)}
.vve-tarief .nd-calculator.nd-calculator ul,.vve-tarief .nd-calculator.nd-calculator ol{margin:0!important;padding:0 0 0 18px!important}
.vve-tarief .nd-calculator.nd-calculator table.aanvullendekosten{margin:32px 0 0!important;padding:0!important;width:100%!important;background:transparent!important}
.vve-tarief .nd-calculator.nd-calculator .productvraag label,.vve-tarief .nd-calculator.nd-calculator label:first-child{display:inline!important;margin-left:0!important}
/* radio's Ja / Nee */
.vve-tarief .nd-calculator.nd-calculator tr.nd-toggle td.productantwoord{font-size:0!important;white-space:nowrap}
.vve-tarief .nd-calculator.nd-calculator tr.nd-toggle td.productantwoord label{display:inline-flex!important;align-items:center;gap:6px;width:56px;margin:0 10px 0 0!important;font-size:16px!important;line-height:24px!important;cursor:pointer;vertical-align:middle}
.vve-tarief .nd-calculator.nd-calculator tr.nd-toggle td.productantwoord label:last-child{width:46px;margin-right:0!important}
.vve-tarief .nd-calculator.nd-calculator input[type=radio]{width:16px!important;height:16px!important;margin:0!important;accent-color:var(--vt-paars);flex:none}
/* aantal */
.vve-tarief .nd-calculator.nd-calculator input.nd-qty{width:72px!important;max-width:100%;height:40px;border-radius:12px!important;border:1px solid var(--vt-lijn)!important;background:#fff!important;text-align:center;font:600 16px Inter,Arial,sans-serif;color:var(--vt-donker);padding:0 6px!important;margin:0!important}
/* uitleg (help) */
.vve-tarief .nd-calculator.nd-calculator .nd-help-toggle{color:var(--vt-blauw)!important;cursor:pointer;vertical-align:middle;font-size:20px!important;margin-left:4px}
.vve-tarief .nd-calculator.nd-calculator .nd-help-content{background:#fff!important;border-radius:12px!important;padding:12px 16px!important;margin:8px 0 0!important;font-size:14px!important;line-height:22px!important;font-style:normal!important}
/* totaal */
.vve-tarief .nd-calculator.nd-calculator table.totaal td,.vve-tarief .nd-calculator.nd-calculator table.totaal th{border-bottom:0!important;padding-top:20px!important;padding-bottom:0!important;font-size:18px!important;font-weight:700!important;color:var(--vt-donker)!important}
.vve-tarief .nd-calculator.nd-calculator #nd_total{font-size:20px!important;color:var(--vt-paars)!important}
/* knop: theme .gele-knop a */
.vve-tarief .nd-calculator.nd-calculator .nd-calc-knop,.vve-tarief .nd-calculator.nd-calculator .button,.vve-tarief .nd-calculator.nd-calculator .gele-knop{margin:24px 0 8px!important;padding:0!important;text-align:left!important;background:none!important;width:auto!important}
.vve-tarief .nd-calculator.nd-calculator .gele-knop a{display:inline-flex!important;align-items:center;height:44px;padding:11px 18px!important;border-radius:25px!important;background:var(--button-bg-color,#fab700)!important;color:var(--vt-paars)!important;font:700 14px/22px Inter,Arial,sans-serif!important;text-decoration:none!important;background-image:none!important;width:auto!important}
.vve-tarief .nd-calculator.nd-calculator .gele-knop a:hover{background:var(--button-hover-bg-color,#FCCF54)!important}

/* -- 12. Responsief -------------------------------------------------------- */
@media (max-width:1023px){
  .vve-tarief .vt-twee{flex-direction:column;gap:32px;align-items:stretch}
  .vve-tarief .vt-twee > .wp-block-column{flex-basis:auto!important;width:100%}
  .vve-tarief .vt-faq-rij{flex-direction:column;gap:24px;align-items:stretch}
  .vve-tarief .vt-faq-rij > .vt-faq-intro,.vve-tarief .vt-faq-rij > .vt-faq-lijst{flex:none!important;width:100%;padding:0}
  .vve-tarief .vt-garantie__beeld{order:2}
  .vve-tarief .vt-garantie__illustratie img{max-width:360px}
}
@media (max-width:767px){
  .vve-tarief .vt-kaarten--2,.vve-tarief .vt-tegels{grid-template-columns:1fr}
  .vve-tarief .vt-kaart{padding:24px!important}
  .vve-tarief .vt-tegel{padding:18px 20px}
  .vve-tarief .vt-slot{padding:40px 24px}
  /* calculator */
  .vve-tarief .nd-calculator.nd-calculator{padding:28px 18px!important}
  .vve-tarief .nd-calculator.nd-calculator h2{font-size:18px!important;line-height:26px!important}
  .vve-tarief .nd-calculator.nd-calculator td,.vve-tarief .nd-calculator.nd-calculator th{font-size:14px!important;line-height:21px!important}
  .vve-tarief .nd-calculator.nd-calculator td:first-child:not(:last-child),.vve-tarief .nd-calculator.nd-calculator th:first-child:not(:last-child){padding-right:8px!important}
  .vve-tarief .nd-calculator.nd-calculator td.productantwoord,.vve-tarief .nd-calculator.nd-calculator th.antwoord{width:86px!important;min-width:86px;padding-left:4px!important;padding-right:4px!important}
  .vve-tarief .nd-calculator.nd-calculator td.nd-price,.vve-tarief .nd-calculator.nd-calculator th.price,.vve-tarief .nd-calculator.nd-calculator td.prijs,.vve-tarief .nd-calculator.nd-calculator #nd_total{width:71px!important;min-width:71px}
  .vve-tarief .nd-calculator.nd-calculator tr.nd-toggle td.productantwoord label{width:38px;gap:4px;margin-right:4px!important;font-size:14px!important}
  .vve-tarief .nd-calculator.nd-calculator tr.nd-toggle td.productantwoord label:last-child{width:42px}
  .vve-tarief .nd-calculator.nd-calculator input.nd-qty{width:60px!important}
  .vve-tarief .nd-calculator.nd-calculator table.totaal td,.vve-tarief .nd-calculator.nd-calculator table.totaal th{font-size:16px!important}
  .vve-tarief .nd-calculator.nd-calculator #nd_total{font-size:16px!important}
}
@media (max-width:480px){
  .vve-tarief .vt-knoppen .wp-block-button__link{white-space:normal;height:auto!important;min-height:44px;line-height:20px}
}

.vve-tarief .nd-calculator.nd-calculator tr.tussenrij td{padding-top:0!important;font-size:16px!important}
/* Calculator smal scherm (≤600px): vraag over de volle breedte, daaronder
   antwoord links en bedrag rechts – voorkomt smalle tekstkolommen */
@media (max-width:600px){
  .vve-tarief .nd-calculator.nd-calculator table,.vve-tarief .nd-calculator.nd-calculator tbody{display:block!important;width:100%!important}
  .vve-tarief .nd-calculator.nd-calculator tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--vt-lijn)}
  .vve-tarief .nd-calculator.nd-calculator td,.vve-tarief .nd-calculator.nd-calculator th{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important}
  .vve-tarief .nd-calculator.nd-calculator tr:has(> td.productantwoord) > td.productvraag,.vve-tarief .nd-calculator.nd-calculator tr.tussenrij > td{grid-column:1 / -1}
  .vve-tarief .nd-calculator.nd-calculator tr.tussenrij{padding-top:0;border-bottom:0}
  .vve-tarief .nd-calculator.nd-calculator td.productantwoord{justify-self:start}
  .vve-tarief .nd-calculator.nd-calculator tr:first-child{padding-top:0}
  .vve-tarief .nd-calculator.nd-calculator tr.nd-toggle td.productantwoord label{width:auto;gap:6px;margin-right:16px!important;font-size:15px!important}
  .vve-tarief .nd-calculator.nd-calculator table.totaal tr{border-bottom:0;padding-top:16px}
  .vve-tarief .nd-calculator.nd-calculator table.totaal th{padding-top:0!important}
  .vve-tarief .nd-calculator.nd-calculator table.aanvullendekosten{margin-top:24px!important}
  .vve-tarief .nd-calculator.nd-calculator{padding:24px 20px!important}
}
@media (max-width:600px){.vve-tarief .nd-calculator.nd-calculator td.producttekst + td.nd-price{align-self:start}}

/* Extra knoppen (28-10, 16:52): kop = gele primaire knop + witte secundaire knop; garantie = gele knop */
.vve-tarief .vt-kop__tekst .witte-knop a{background-color:#fff!important;color:var(--vt-paars)!important}
.vve-tarief .vt-kop__tekst .witte-knop a:hover{background-color:#EEE8F0!important}
.vve-tarief .vt-knoppen .wp-block-button__link:focus-visible{outline:2px solid var(--vt-paars);outline-offset:3px}
.vve-tarief.vt-garantie .vt-knoppen{margin-top:24px}
@media (max-width:479px){
  .vve-tarief .vt-kop__tekst .vt-knoppen{flex-direction:column;align-items:stretch;gap:12px}
  .vve-tarief .vt-kop__tekst .vt-knoppen .wp-block-button,.vve-tarief .vt-kop__tekst .vt-knoppen .wp-block-button__link{width:100%;justify-content:center}
}

/* FAQ-uitlijning (28-10, 17:32): de vragen staan precies even breed als de rechterkaart van de andere tarieven erboven
   (zelfde raster als .vt-kaarten--2: twee gelijke kolommen, 24 px tussenruimte) */
@media (min-width:1024px){
  .vve-tarief .vt-faq-rij{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}
  .vve-tarief .vt-faq-rij > .vt-faq-intro,.vve-tarief .vt-faq-rij > .vt-faq-lijst{flex:none!important;flex-basis:auto!important;width:auto;min-width:0;margin:0!important}
  .vve-tarief .vt-faq-rij > .vt-faq-intro{padding-right:32px}
  .vve-tarief .vt-faq-rij > .vt-faq-lijst{padding-left:0}
}

/* Erfbelasting-uitlijning (28-10, 17:33): vanaf 1024 px begint het witte prijsvak precies op de linkerrand van de kaart
   "Verklaring van executele" eronder. De kaart houdt haar 32 px rand, zodat het witte vak zichtbaar blijft op de witte
   pagina; rechts eindigt het vak daardoor op de binnenrand (32 px binnen de kaart), net als de tekst van de executelekaart.
   Raster: twee gelijke kolommen met 24 px tussenruimte, net als .vt-kaarten--2. */
@media (min-width:1024px){
  .vve-tarief .vt-erf,.vve-tarief .vt-erf > .wp-block-group__inner-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:stretch}
  .vve-tarief .vt-erf__prijs{display:flex;flex-direction:column;justify-content:center}
}

/* Prijsberekening gecentreerd (28-10, 18:43): vanaf 768 px staan pre-head, kop, intro, calculator en betaalregel
   in één gecentreerde kolom van max. 760 px; pre-head, kop, intro en betaalregel zijn gecentreerd. Mobiel blijft links. */
@media (min-width:768px){
  .vve-tarief.vt-calc .pre-head,.vve-tarief.vt-calc h2,.vve-tarief.vt-calc .vt-lead,.vve-tarief.vt-calc .vt-calc__rij{max-width:760px;margin-left:auto!important;margin-right:auto!important}
  .vve-tarief.vt-calc .pre-head{justify-content:center}
  .vve-tarief.vt-calc h2,.vve-tarief.vt-calc .vt-lead,.vve-tarief.vt-calc .vt-calc__noot{text-align:center}
  .vve-tarief.vt-calc .vt-lead{text-wrap:balance}
}

/* Aantal-veld calculator (29-10): de plugin schuift de pijltjes 15 px buiten het veld (right:-15px).
   Pijltjes terug ín het witte veld, altijd zichtbaar; cijfer iets naar links zodat het niet onder de pijltjes valt. */
.vve-tarief .nd-calculator.nd-calculator input.nd-qty{padding:0 4px 0 10px!important;text-align:center}
.vve-tarief .nd-calculator.nd-calculator input.nd-qty::-webkit-inner-spin-button,
.vve-tarief .nd-calculator.nd-calculator input.nd-qty::-webkit-outer-spin-button{position:static!important;right:auto!important;width:auto!important;height:auto;margin:0!important;opacity:1}
.vve-tarief .nd-calculator.nd-calculator input.nd-qty:focus{outline:2px solid var(--vt-paars);outline-offset:1px;border-color:var(--vt-paars)!important}