/*
Theme Name: 't Groen Hart Editor Blocks
Theme URI: https://tgroenhart.be
Author: Kudu Concepts
Description: Gutenberg theme met herbruikbare sectieblokken voor 't Groen Hart, gebaseerd op de aangeleverde HTML.
Version: 1.11.10
Requires at least: 6.5
Tested up to: 6.7
Text Domain: t-groen-hart
*/



*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ── Brand: warm, residentieel groen op kalk ── */
  --green:#636B45;          /* hoofd groen */
  --green-dk:#383C22;       /* donker */
  --green-700:#a6ad6d;
  --green-500:#636B45;      /* mid */
  --green-300:#A6AD6D;      /* licht accent */
  --green-100:#DEDDCD;
  --green-50:#f5f5f0;
  --gold:#a6ad6d;           /* warm accent (6% btw badge stijl) */
  --gold-dk:#636B45;
  --gold-li:#a6ad6d;
  --cream:#fbfaf5;          /* page bg, warm wit */
  --cream-2:#DEDDCD;        /* surface */
  --cream-3:#A6AD6D;        /* border-ish */
  --white:#FFFFFF;
  --ink:#0E0F0D;
  --ink-70:#0E0F0D;
  --ink-45:#636B45;
  --ink-15:#A6AD6D;
  --serif:'Mrs Eaves XL Serif OT','mrs-eaves-xl-serif','Cormorant Garamond',Georgia,serif;
  --sans:'Gilroy','Manrope',-apple-system,system-ui,sans-serif;
  /* ── Spacing schaal (consistent overal) ── */
  --pad-x:20px;
  --sec-y:64px;             /* verticale sectie-padding mobiel */
  --gap:20px;
  --max:1200px;
  --radius:3px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.reveal.in{opacity:1;transform:none}
/* subtle inner-lift for headings within revealed blocks */
.reveal .h2,.reveal .hero-h1{transition:none}
/* hero ken-burns: trage, nauwelijks merkbare zoom op actieve slide */
.hero-slide img{transform:scale(1.06);transition:transform 7s ease-out}
.hero-slide.active img{transform:scale(1)}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-slide img,.hero-slide.active img{transform:none!important;transition:opacity 1.4s ease!important}
  *{scroll-behavior:auto!important}
}

/* ── shared layout primitives ── */
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.section{padding-top:var(--sec-y);padding-bottom:var(--sec-y)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--green-700);margin-bottom:14px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold)}
.eyebrow.on-dark{color:var(--gold-li)}
.eyebrow.on-dark::before{background:var(--gold)}
.h2{font-family:var(--serif);font-size:clamp(30px,5vw,50px);font-weight:400;line-height:1.06;letter-spacing:-.01em;color:var(--green-dk);margin-bottom:16px}
.h2 em{font-style:italic;color:var(--green-700)}
.h2.on-dark{color:#fff}
.h2.on-dark em{color:var(--gold-li)}
.lead{font-size:17px;color:var(--ink-70);line-height:1.7;max-width:620px}
.lead.on-dark{color:rgba(255,255,255,.72)}
.section-head{margin-bottom:36px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:15px 26px;border:none;cursor:pointer;transition:all .2s;border-radius:var(--radius)}
.btn svg{width:14px;height:14px}
.btn-arrow{font-size:14px!important;line-height:1}
.wp-block-button__link::after{content:"→";font-size:14px;line-height:1;margin-left:8px;display:inline-block;transform:translateY(-1px)}

.btn-gold{background:var(--gold);color:var(--green-dk)}
.btn-gold:hover{background:var(--gold-li);transform:translateY(-1px)}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-dk);transform:translateY(-1px)}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-li)}
.btn-outline{background:transparent;border:1px solid var(--green);color:var(--green);font-weight:600}
.btn-outline:hover{background:var(--green);color:#fff}

/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(36,59,20,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--max);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.nav-logo img{height:30px}
.nav-logo span{font-family:var(--serif);font-size:19px;color:#fff;font-weight:500;display:none}
.nav-links{display:none;list-style:none;gap:26px;align-items:center}
.nav-links a{color:rgba(255,255,255,.66);font-size:13px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-r{display:flex;align-items:center;gap:12px}
.nav-cta{background:var(--gold);color:var(--green-dk);padding:9px 17px;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);transition:background .2s;white-space:nowrap}
.nav-cta:hover{background:var(--gold-li)}
.burger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:5px}
.burger span{width:22px;height:1.5px;background:rgba(255,255,255,.85);display:block;transition:all .25s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.drawer{display:none;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
.drawer.open{display:flex}
.drawer a{padding:14px var(--pad-x);color:rgba(255,255,255,.75);font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}
.drawer a:last-child{color:var(--gold);font-weight:600}

/* ── HERO ── */
.hero{position:relative;min-height:100svh;height:auto;background:var(--green-dk);overflow:hidden;padding-top:64px;display:flex;flex-direction:column;isolation:isolate}
.hero-photo{position:absolute;inset:0;top:64px;z-index:1}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(56,60,34,.70) 0%,rgba(56,60,34,.62) 33%,rgba(56,60,34,.42) 57%,rgba(56,60,34,.62) 100%),linear-gradient(180deg,rgba(56,60,34,.24) 0%,rgba(56,60,34,.32) 58%,rgba(56,60,34,.78) 100%);z-index:2}
.hero-inner{position:relative;z-index:3;max-width:var(--max);margin:0 auto;width:100%;min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,7vh,82px) var(--pad-x) clamp(44px,7vh,88px)}
.hero-tag{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.78);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:clamp(34px,5vh,50px);padding-top:0}
.hero-tag::before{content:"";width:22px;height:1px;background:var(--gold)}
.hero-h1{font-family:var(--serif);font-size:clamp(42px,7vw,86px);font-weight:400;color:#fff;line-height:.98;letter-spacing:-.018em;max-width:740px;margin:0 0 24px}
.hero-h1 em{font-style:italic;color:var(--gold-li)}
.hero-h1 strong{font-weight:600}
.hero-sub{font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.82);max-width:640px;line-height:1.68;margin-bottom:28px}
.hero-sub strong{color:#fff;font-weight:700}
.hero-actions{display:flex;align-items:flex-start;gap:10px}
.hero-actions .btn.btn-gold{align-self:flex-start;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;max-width:max-content!important;height:auto!important;min-width:0!important;min-height:0!important;padding:15px 26px!important;border:0!important;border-radius:var(--radius)!important;background:var(--gold)!important;color:var(--green-dk)!important;font-family:var(--sans)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.2!important;box-shadow:none!important;overflow:hidden!important;white-space:nowrap!important;text-decoration:none!important}
.hero-actions .btn.btn-gold:hover{background:var(--gold-li)!important;transform:translateY(-1px)}
.hero-actions .btn svg{display:none!important;width:0!important;height:0!important}
.hero-actions .btn-arrow{display:inline-flex!important;align-items:center;justify-content:center;margin-left:0;font-size:14px!important;line-height:1;transform:translateY(-1px);font-weight:700}
.hero-actions .btn-label{display:inline;line-height:1.2}
.hero-dots{position:absolute;top:82px;right:var(--pad-x);z-index:4;display:flex;gap:6px}
.dot-pic{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s}
.dot-pic.active{background:var(--gold);transform:scale(1.4)}

/* ── VALUE BAR ── */
.value-bar{background:#383C22;position:relative;z-index:4;color:#fff;padding:0 var(--pad-x) 0}
.value-grid{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.08)}
.vcell{padding:26px 28px 24px 42px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.vcell:nth-child(2n){border-right:none}
.vcell-num{display:flex;align-items:baseline;gap:5px;font-family:var(--serif);font-weight:500;line-height:1;margin-bottom:7px;color:#fff;white-space:nowrap}
.vcell-value{font-size:clamp(34px,5vw,54px);line-height:.9}
.vcell-suffix{font-size:clamp(18px,1.35vw,22px);font-style:italic;color:var(--gold-li);line-height:1}
.vcell-lbl{max-width:190px;font-size:11px;color:rgba(255,255,255,.56);letter-spacing:.14em;text-transform:uppercase;line-height:1.35}
.price-row{max-width:var(--max);margin:0 auto;padding:22px 0 0;display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center}
.price-row .l{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.16em;text-transform:uppercase}
.price-row .v{font-family:var(--serif);font-size:clamp(34px,4vw,48px);color:#fff;line-height:1.1;display:inline-flex;align-items:baseline;gap:10px}
.price-row .price-prefix{font-size:clamp(20px,2vw,26px);color:#fff;font-style:normal}
.price-row .price-value{font-size:1em;color:var(--gold-li);font-style:italic}
.price-row .v em{font-style:italic;color:var(--gold-li)}
.price-row .n{font-size:13px;color:rgba(255,255,255,.55);font-style:italic}
/* ── 1. OPPORTUNITEIT (3 pijlers, lichte cards) ── */
.sect-opp{background:var(--cream)}
.pillars{display:grid;grid-template-columns:1fr;gap:18px;margin-top:34px}
.pillar{background:#fff;border:1px solid rgba(56,60,34,.18);border-radius:var(--radius);padding:28px 24px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.pillar:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(56,60,34,.08)}
.pillar-ico{width:48px;height:48px;background:var(--green-50);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--green-dk);font-size:24px;font-family:var(--sans);font-weight:700;line-height:1}
.pillar-ico img{width:24px;height:24px;object-fit:contain;display:block}
.pillar-ico svg{width:22px;height:22px;stroke:var(--green-dk);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pillar-highlight{display:block;font-family:var(--serif);font-size:clamp(31px,3.2vw,40px);font-style:italic;font-weight:400;color:var(--green-700);line-height:1;margin-bottom:8px}
.pillar h3,.pillar-title{font-family:var(--serif);font-size:clamp(22px,2.2vw,27px);font-weight:500;color:var(--green-dk);line-height:1.15;margin:0 0 10px}
.pillar p,.pillar-text{font-size:15px;color:var(--ink-70);line-height:1.65;margin:0}
.pillar strong{font-weight:700;color:inherit}
/* Compactere pijlerkaart-spacing */
.pillar{padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.sect-opp .wp-block-button__link{background:var(--green-dk);color:#fff;border-radius:var(--radius);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:15px 26px;text-decoration:none}
/* ── 2. RENDEMENT (calculation showcase) ── */
.sect-yield{background:var(--green-dk);color:#fff}
.yield-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:8px;border:1px solid rgba(255,255,255,.12)}
.yield-flow{padding:30px 24px;background:rgba(255,255,255,.03)}
.yflow-step{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.yflow-step:last-child{border-bottom:none}
.yflow-n{width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold-li);flex-shrink:0}
.yflow-txt{flex:1}
.yflow-txt strong{display:block;font-size:14px;color:#fff;font-weight:600}
.yflow-txt span{font-size:12.5px;color:rgba(255,255,255,.55)}
.yflow-val{font-family:var(--serif);font-size:22px;color:var(--gold-li);font-weight:500;white-space:nowrap}
.yield-highlight{padding:34px 24px;background:var(--gold);color:var(--green-dk);display:flex;flex-direction:column;justify-content:center;text-align:center}
.yield-highlight .yh-lbl{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-bottom:10px}
.yield-highlight .yh-num{font-family:var(--serif);font-size:clamp(56px,16vw,92px);font-weight:500;line-height:.9}
.yield-highlight .yh-tot{font-size:.28em;font-style:italic;font-weight:500;letter-spacing:.02em;opacity:.85;vertical-align:middle;margin-right:.12em}
.yield-highlight .yh-num em{font-style:italic}
.yield-highlight .yh-sub{font-size:14px;margin-top:14px;line-height:1.5;font-weight:500}
.yield-note{font-size:12px;color:rgba(255,255,255,.45);margin-top:18px;line-height:1.55;text-align:center;font-style:italic}

/* ── 3. ZORGVILLA ── */
.sect-villa{background:var(--cream)}
.villa-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:8px;border:1px solid var(--ink-15);border-radius:var(--radius);overflow:hidden}
.villa-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.villa-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease;cursor:pointer}
.villa-img:hover img{transform:scale(1.04)}
.villa-cap{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:rgba(36,59,20,.85);backdrop-filter:blur(6px);color:#fff;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-left:2px solid var(--gold)}
.villa-text{padding:30px 24px;background:var(--white)}
.villa-text h3{font-family:var(--serif);font-size:clamp(24px,4vw,32px);font-weight:400;line-height:1.12;margin-bottom:14px;color:var(--green-dk)}
.villa-text h3 em{font-style:italic;color:var(--green-700)}
.villa-text p{font-size:14.5px;color:var(--ink-70);line-height:1.65;margin-bottom:14px}
.villa-text ul{list-style:none;margin-top:16px;border-top:1px solid var(--ink-15);padding-top:16px}
.villa-text ul li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13.5px;color:var(--ink-70);font-weight:500}
.villa-text ul li svg{width:14px;height:14px;stroke:var(--green-700);fill:none;stroke-width:2.5;flex-shrink:0;margin-top:4px}

/* ── 4. HUURGARANTIE ── */
.sect-gar{background:var(--cream)}
.guarantee-section .section-head{max-width:760px;margin-bottom:44px}
.gar-feature{display:grid;grid-template-columns:1fr;margin-top:8px;background:var(--white);border:1px solid rgba(99,107,69,.32);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 50px rgba(14,15,13,.06)}
.gar-vis{min-height:320px;padding:44px 28px;background:var(--green-dk);color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}
.gar-vis-inner{display:flex;flex-direction:column;align-items:center;justify-content:center}
.gar-vis-num{font-family:var(--serif);font-size:clamp(62px,12vw,108px);color:#fff;font-weight:400;font-style:italic;line-height:.9}
.gar-vis-num span{font-style:normal;font-size:.38em;vertical-align:super;color:var(--gold-li)}
.gar-vis-lbl{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff;margin-top:18px}
.gar-vis-sub{font-family:var(--serif);font-style:italic;font-size:17px;color:rgba(255,255,255,.72);margin-top:12px;line-height:1.45;max-width:260px}
.gar-detail{padding:32px 26px;background:var(--white)}
.gar-detail h3{font-family:var(--serif);font-size:clamp(25px,3.3vw,36px);font-weight:400;color:var(--green-dk);line-height:1.16;margin-bottom:18px}
.gar-detail h3 em{font-style:italic;color:var(--green)}
.gar-detail>p{font-size:16px;color:var(--ink-70);line-height:1.75;margin-bottom:24px}
.scen-list{border-top:1px solid rgba(99,107,69,.28)}
.scen{display:grid;grid-template-columns:30px 1fr;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(99,107,69,.28)}
.scen:last-child{border-bottom:none}
.scen-n{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--green-50);border-radius:50%;margin-top:1px;box-shadow:0 8px 22px rgba(14,15,13,.08);color:var(--green-dk)}
.scen-n svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.scen-c h4{font-size:16px;font-weight:700;color:var(--green-dk);margin-bottom:4px;line-height:1.35}
.scen-c p{font-size:15px;color:var(--ink-70);line-height:1.65;margin:0}
.gar-actions{display:flex;justify-content:center;margin-top:44px}

/* Native Gutenberg lijst in Huurgarantie */
.gar-detail .wp-block-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid rgba(99,107,69,.28)}
.gar-detail .wp-block-list li{position:relative;margin:0;padding:18px 0 18px 46px;border-bottom:1px solid rgba(99,107,69,.28);font-size:15px;line-height:1.65;color:var(--ink-70)}
.gar-detail .wp-block-list li:last-child{border-bottom:none}
.gar-detail .wp-block-list li::before{content:'✓';position:absolute;left:0;top:18px;width:24px;height:24px;border-radius:999px;background:var(--green-50);color:var(--green-dk);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 8px 22px rgba(14,15,13,.08)}
.gar-detail .wp-block-list li strong{display:block;font-size:16px;line-height:1.35;color:var(--green-dk);margin-bottom:4px}

.gar-actions .wp-block-buttons{justify-content:center}
.gar-actions .wp-block-button__link{background:var(--green-dk)!important;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:15px 26px;border-radius:var(--radius);box-shadow:0 14px 34px rgba(14,15,13,.16)}
.gar-actions .wp-block-button__link::after{content:'→';font-size:14px;line-height:1;margin-left:8px}
@media(min-width:768px){
  .gar-feature{grid-template-columns:5fr 7fr}
  .gar-vis{min-height:420px;padding:56px 34px}
  .gar-detail{padding:52px 48px}
}
/* ── 5. LOCATIE ── */
.sect-loc{background:var(--cream)}
.loc-reach{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}
.reach-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--white);border:1px solid var(--ink-15);border-radius:var(--radius)}
.reach-ico{width:38px;height:38px;background:var(--green-50);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.reach-ico svg{width:18px;height:18px;stroke:var(--green-700);fill:none;stroke-width:1.8}
.reach-txt strong{display:block;font-size:14px;font-weight:600;color:var(--green-dk)}
.reach-txt span{font-size:12.5px;color:var(--ink-70)}
.map-shell{margin-top:20px;border:1px solid var(--ink-15);border-radius:var(--radius);background:var(--white);overflow:hidden}
.map-canvas{width:100%;height:380px;background:var(--cream-3)}
.poi-bar{padding:16px;border-top:1px solid var(--ink-15);background:var(--cream)}
.poi-bar-lbl{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-700);margin-bottom:12px}
.poi-tags{display:flex;flex-wrap:wrap;gap:8px}
.poi-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:var(--white);border:1px solid var(--ink-15);border-radius:var(--radius);font-size:12.5px;font-weight:500;color:var(--ink-70);cursor:pointer;transition:all .2s}
.poi-tag:hover{border-color:var(--green-500);color:var(--green-dk)}
.poi-tag.active{background:var(--green);border-color:var(--green);color:#fff}
.poi-tag .pdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.leaflet-popup-content-wrapper{border-radius:var(--radius);font-family:var(--sans)}
.leaflet-popup-content{margin:11px 13px;font-size:13px}
.leaflet-popup-content b{font-size:14px;color:var(--green-dk)}
.poi-pop-sub{color:var(--ink-70);font-size:12px;margin-top:2px}

/* ── 6. PARTNERS (zorggroep + JV samengevoegd, lichter) ── */
.sect-partner{background:var(--cream-2)}
.partner-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:8px}
.partner-card{padding:30px 24px;background:var(--white);border:1px solid var(--ink-15);border-radius:var(--radius);position:relative}
.partner-card::before{content:"";position:absolute;top:0;left:0;width:54px;height:3px;background:var(--green-700)}
.partner-card h3{font-family:var(--serif);font-size:clamp(22px,4vw,28px);font-weight:400;color:var(--green-dk);line-height:1.15;margin-bottom:12px}
.partner-card h3 em{font-style:italic;color:var(--green-700)}
.partner-card p{font-size:14px;color:var(--ink-70);line-height:1.65;margin-bottom:12px}
.partner-meta{margin-top:14px;border-top:1px solid var(--ink-15);padding-top:14px}
.partner-meta li{display:flex;gap:10px;padding:6px 0;list-style:none;font-size:13.5px;color:var(--ink-70)}
.partner-meta li::before{content:"\2014";color:var(--gold-dk);font-family:var(--serif);font-weight:500;flex-shrink:0}
.partner-logo-light{margin-top:18px;padding-top:16px;border-top:1px solid var(--ink-15)}
.partner-logo-light img{height:30px;opacity:.8}
.partner-photo-quote{position:relative;overflow:hidden;border-radius:var(--radius);min-height:340px;height:100%;display:flex;align-items:flex-end;background:var(--green-dk)}
.partner-photo-quote .pq-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.partner-photo-quote .pq-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,42,15,.95) 0%,rgba(27,42,15,.6) 45%,rgba(27,42,15,.2) 100%)}
.pq-inner{position:relative;z-index:2;padding:32px 26px}
.pq-mark{font-family:var(--serif);font-style:italic;font-size:74px;line-height:.5;color:var(--gold);display:block;margin-bottom:10px}
.pq-quote{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(21px,3vw,30px);line-height:1.22;color:#fff;margin-bottom:16px;letter-spacing:-.01em}
.pq-attr{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-li);display:flex;align-items:center;gap:12px}
.pq-attr::before{content:"";width:26px;height:1px;background:var(--gold)}

/* JV strip binnen partner sect */
.jv-block-pro{margin-top:40px;background:var(--green-dk);border-radius:var(--radius);overflow:hidden;position:relative}
.jv-block-pro::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,rgba(124,156,74,.14),transparent 60%);pointer-events:none}
.jvp-header{text-align:center;padding:44px 24px 32px;position:relative;z-index:1}
.jvp-eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-li);margin-bottom:16px}
.jvp-title{font-family:var(--serif);font-size:clamp(34px,7vw,58px);color:#fff;font-weight:500;line-height:1;letter-spacing:-.01em}
.jvp-title em{font-style:italic;color:var(--gold-li)}
.jvp-x{color:var(--gold);font-weight:400;margin:0 .06em}
.jvp-sub{font-size:14.5px;color:rgba(255,255,255,.66);max-width:600px;margin:18px auto 0;line-height:1.65}
.jvp-cols{display:grid;grid-template-columns:1fr;position:relative;z-index:1}
.jvp-col{padding:28px 24px 34px;display:flex;flex-direction:column}
.jvp-col:first-of-type{border-bottom:1px solid rgba(255,255,255,.1)}
.jvp-col-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.jvp-logo{display:flex;align-items:center;justify-content:flex-start;min-height:54px;min-width:120px}
.jvp-logo img{max-height:46px;width:auto;object-fit:contain;display:block}
.jvp-role{font-size:10px;color:var(--gold-li);font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:right}
.jvp-desc{font-size:14px;color:rgba(255,255,255,.66);line-height:1.65;margin-bottom:22px}
.jvp-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-top:auto}
.jvp-stat{background:var(--green-dk);padding:16px 16px;transition:background .25s}
.jvp-stat:hover{background:var(--green-800,#293F18)}
.jvp-v{font-family:var(--serif);font-size:26px;color:#fff;font-weight:500;line-height:1;display:block;margin-bottom:5px}
.jvp-v em{font-style:italic;color:var(--gold-li);font-size:.72em}
.jvp-l{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.02em}
.jvp-divider{display:none}

/* ── 7. FAQ ── */
.sect-faq{background:var(--cream)}
.faq{margin-top:8px;border-top:1px solid var(--ink-15)}
.faq-item{border-bottom:1px solid var(--ink-15)}
.faq-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;padding:20px 0;text-align:left;font-family:var(--sans)}
.faq-q{font-size:16px;font-weight:600;color:var(--green-dk);line-height:1.4}
.faq-ico{width:28px;height:28px;border:1px solid var(--ink-15);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .25s}
.faq-btn[aria-expanded=true] .faq-ico{background:var(--green);border-color:var(--green);transform:rotate(45deg)}
.faq-ico svg{width:11px;height:11px;stroke:var(--green-dk);fill:none;stroke-width:2;transition:stroke .2s}
.faq-btn[aria-expanded=true] .faq-ico svg{stroke:#fff}
.faq-a{display:none;padding:0 0 20px;font-size:14.5px;color:var(--ink-70);line-height:1.7;max-width:740px}
.faq-a.open{display:block}
.faq-a strong{color:var(--green-dk);font-weight:600}

/* ── 8. CTA + CONTACT (samengevoegd) ── */
.sect-contact{background:var(--green-dk);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:8px}
.contact-rows{display:flex;flex-direction:column;gap:12px;margin:22px 0 24px}
.contact-sub{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--gold-li);margin-bottom:14px}
.crow{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.85);font-size:15.5px;transition:color .2s;font-weight:500}
a.crow:hover{color:var(--gold-li)}
.cico{width:42px;height:42px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cico svg{width:18px;height:18px;stroke:var(--gold-li);fill:none;stroke-width:1.8}
.thomas{display:flex;gap:14px;align-items:center;padding:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);margin-top:24px}
.thomas img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0}
.thomas-text strong{display:block;font-size:14.5px;color:#fff;margin-bottom:2px;font-weight:600}
.thomas-text span{font-size:12.5px;color:rgba(255,255,255,.55);display:block;margin-bottom:6px}
.thomas-text a{font-size:13.5px;color:var(--gold-li);font-weight:600}
.thomas-text a:hover{color:#fff}
.form-wrap{background:var(--white);padding:28px 24px;color:var(--ink);border-radius:var(--radius)}
.form-eyebrow{font-size:10.5px;color:var(--green-700);font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.form-title{font-family:var(--serif);font-size:25px;color:var(--green-dk);font-weight:500;margin-bottom:6px;line-height:1.15}
.form-sub{font-size:13.5px;color:var(--ink-70);margin-bottom:22px}
.frow{margin-bottom:14px}
.frow label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70);margin-bottom:6px}
.frow input,.frow select{width:100%;background:var(--cream);border:1px solid var(--ink-15);border-radius:var(--radius);padding:13px 14px;font-family:var(--sans);font-size:15px;color:var(--ink);outline:none;transition:border-color .2s;-webkit-appearance:none}
.frow input:focus,.frow select:focus{border-color:var(--green-500)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-submit{width:100%;background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:16px;font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;margin-top:6px;letter-spacing:.08em;text-transform:uppercase;transition:all .2s}
.btn-submit:hover{background:var(--green-dk);transform:translateY(-1px)}
.form-disclaim{font-size:11.5px;color:var(--ink-45);margin-top:14px;line-height:1.55}
.form-disclaim a{color:var(--green-700);text-decoration:underline}

/* ── FOOTER ── */
footer{background:var(--green-dk);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.ft-inner{max-width:var(--max);margin:0 auto;padding:36px var(--pad-x);display:flex;flex-direction:column;gap:22px}
.ft-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.ft-brand{font-family:var(--serif);font-size:20px;color:#fff;font-weight:500}
.ft-logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ft-logos img{height:22px;filter:brightness(0) invert(1);opacity:.45}
.ft-links{display:flex;gap:18px;flex-wrap:wrap}
.ft-links a{font-size:12px;color:rgba(255,255,255,.4)}
.ft-links a:hover{color:rgba(255,255,255,.7)}
.ft-legal{font-size:11px;color:rgba(255,255,255,.3);line-height:1.6;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}

/* ── SECTION CTA (inline conversie) ── */
.section-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.section-cta.on-dark .sc-line{color:rgba(255,255,255,.62)}
.section-cta .sc-line{font-family:var(--serif);font-style:italic;font-size:clamp(19px,3vw,26px);color:var(--green-dk);line-height:1.3;max-width:560px}
.section-cta .sc-line em{font-style:italic;color:var(--gold-dk)}
.section-cta.on-dark .sc-line em{color:var(--gold-li)}
.section-cta .btn{box-shadow:0 6px 22px rgba(36,59,20,.16)}
.cta-divider{width:40px;height:1px;background:var(--gold);margin:0 auto}

/* ── FLOATING STICKY CTA ── */
.float-cta{position:fixed;left:0;right:0;bottom:0;z-index:400;transform:translateY(120%);transition:transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}
.float-cta.show{transform:translateY(0)}
.float-cta-inner{pointer-events:auto;background:var(--green-dk);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 30px rgba(0,0,0,.18);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:var(--max);margin:0 auto}
.float-cta-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.float-cta-txt strong{font-family:var(--serif);font-size:17px;color:#fff;font-weight:500}
.float-cta-txt span{font-size:11.5px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.float-cta .btn{flex-shrink:0;padding:13px 20px}
@media(min-width:768px){
  .float-cta{left:auto;right:28px;bottom:28px}
  .float-cta-inner{border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);padding:14px 16px 14px 20px;box-shadow:0 12px 34px rgba(0,0,0,.28)}
}

/* ── VOOR/NA FOTO-SLIDER ── */
.ba-wrap{margin-top:24px;border:1px solid var(--ink-15);border-radius:var(--radius);overflow:hidden;background:var(--cream-3)}
.ba-slider{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;user-select:none;touch-action:none;cursor:ew-resize}
.ba-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ba-after{z-index:1}
.ba-before{position:absolute;inset:0;z-index:2;width:50%;overflow:hidden}
.ba-before img{width:auto;max-width:none;height:100%}
.ba-before-inner{position:absolute;inset:0;width:var(--ba-w,640px)}
.ba-divider{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.ba-knob{position:absolute;top:50%;left:50%;z-index:4;width:44px;height:44px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.28);color:var(--green-dk)}
.ba-knob svg{width:20px;height:20px;stroke:var(--green-dk);fill:none;stroke-width:2}
.ba-tag{position:absolute;z-index:3;top:14px;padding:5px 11px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(27,42,15,.78);backdrop-filter:blur(6px);border-radius:var(--radius)}
.ba-tag-l{left:14px}
.ba-tag-r{right:14px}
.ba-caption{padding:14px 16px;font-size:12.5px;color:var(--ink-70);background:var(--cream);border-top:1px solid var(--ink-15);text-align:center}
.ba-caption strong{color:var(--green-dk);font-weight:600}

/* ── DOWNLOAD BROCHURE MODULE ── */
.sect-brochure{background:var(--green-dk);color:#fff}
.broch-grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
.broch-img{border-radius:var(--radius);overflow:hidden;background:transparent;aspect-ratio:3/2}
.broch-img img{width:100%;height:100%;object-fit:cover;display:block}
.broch-text h2{margin-bottom:16px}
.broch-text p{font-size:15px;color:rgba(255,255,255,.74);line-height:1.7;margin-bottom:14px}
.broch-text .btn{margin-top:10px}
@media(min-width:768px){
  .broch-grid{grid-template-columns:1fr 1fr;gap:48px}
}

/* ── GALERIJ ── */
.sect-gallery{background:var(--cream)}
.gallery{margin-top:8px}
.gal-main{position:relative;border-radius:var(--radius);overflow:hidden;height:0;padding-bottom:66.67%;background:var(--cream-3)}
.gal-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.gal-main img.active{opacity:1}
.gal-cap{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:60px 28px 24px;background:linear-gradient(to top,rgba(27,42,15,.82),transparent);pointer-events:none}
.gal-cap p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,3vw,30px);line-height:1.2;color:#fff;max-width:520px;margin-left:auto;text-align:right}
.gal-arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.gal-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.gal-arrow svg{width:18px;height:18px;stroke:var(--green-dk);fill:none;stroke-width:2.2}
.gal-prev{left:16px}
.gal-next{right:16px}
.gal-thumbs{display:flex;gap:8px;margin-top:10px}
.gal-thumb{flex:1;aspect-ratio:3/2;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.6;transition:opacity .2s,border-color .2s}
.gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gal-thumb:hover{opacity:.85}
.gal-thumb.active{opacity:1;border-color:var(--gold)}

/* ── ION x COUSSEE module ── */
.jv-block-pro{margin-top:40px;background:var(--green-dk);border-radius:var(--radius);overflow:hidden;position:relative}
.jv-block-pro::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,rgba(124,156,74,.14),transparent 60%);pointer-events:none}
.jvp-header{text-align:center;padding:44px 24px 32px;position:relative;z-index:1}
.jvp-eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-li);margin-bottom:16px}
.jvp-title{font-family:var(--serif);font-size:clamp(34px,7vw,58px);color:#fff;font-weight:500;line-height:1;letter-spacing:-.01em}
.jvp-title em{font-style:italic;color:var(--gold-li)}
.jvp-x{color:var(--gold);font-weight:400;margin:0 .06em}
.jvp-sub{font-size:14.5px;color:rgba(255,255,255,.66);max-width:600px;margin:18px auto 0;line-height:1.65}
.jvp-cols{display:grid;grid-template-columns:1fr;position:relative;z-index:1}
.jvp-col{padding:28px 24px 34px;display:flex;flex-direction:column}
.jvp-col:first-of-type{border-bottom:1px solid rgba(255,255,255,.1)}
.jvp-col-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.jvp-logo{display:flex;align-items:center;justify-content:flex-start;min-height:54px;min-width:120px}
.jvp-logo img{max-height:46px;width:auto;object-fit:contain;display:block}
.jvp-role{font-size:10px;color:var(--gold-li);font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:right}
.jvp-desc{font-size:14px;color:rgba(255,255,255,.66);line-height:1.65;margin-bottom:22px}
.jvp-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-top:auto}
.jvp-stat{background:var(--green-dk);padding:16px 16px;transition:background .25s}
.jvp-stat:hover{background:var(--green-800,#293F18)}
.jvp-v{font-family:var(--serif);font-size:26px;color:#fff;font-weight:500;line-height:1;display:block;margin-bottom:5px}
.jvp-v em{font-style:italic;color:var(--gold-li);font-size:.72em}
.jvp-l{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.02em}
.jvp-divider{display:none}
.jvp-cols{grid-template-columns:1fr 1px 1fr}
.jvp-col{padding:36px 36px 40px}
.jvp-desc{min-height:66px}
.jvp-col:first-of-type{border-bottom:none}
.jvp-divider{display:flex;align-items:center;justify-content:center;position:relative}
.jvp-divider::before{content:"";position:absolute;top:32px;bottom:32px;width:1px;background:rgba(255,255,255,.12)}
.jvp-divider span{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--green-dk);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold)}
.sect-jv{background:var(--cream)}
/* ── LIGHTBOX ── */
.lightbox{position:fixed;inset:0;background:rgba(20,28,12,.95);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.lightbox.open{display:flex}
.lightbox img{max-width:92%;max-height:88%;object-fit:contain}
.lightbox-close{position:absolute;top:18px;right:22px;color:#fff;font-size:34px;cursor:pointer;line-height:1;background:none;border:none}

/* ── BREAKPOINTS ── */
@media(max-width:767px){
  .vcell{padding:20px 18px 18px 20px}
  .vcell-suffix{font-size:18px}
  .price-row .price-prefix{font-size:20px}
  .hero{min-height:100svh;height:auto}
  .hero-photo{top:64px;bottom:0;min-height:0}
  .hero-inner{min-height:calc(100svh - 64px);padding-top:72px;padding-bottom:46px}
  .hero-h1{max-width:520px}
  .hero + .value-bar{margin-top:0}
}

@media(min-width:600px){
  .hero-actions{flex-direction:row;gap:12px}
  .value-grid{grid-template-columns:repeat(4,1fr)}
  .vcell:nth-child(2n){border-right:1px solid rgba(255,255,255,.09)}
  .vcell:last-child{border-right:none}
}
@media(min-width:768px){
  :root{--pad-x:40px;--sec-y:88px}
  .hero-inner{min-height:calc(100svh - 64px);padding-top:clamp(64px,8vh,96px);padding-bottom:clamp(112px,14vh,164px)}
  .hero-h1{max-width:760px}
  .hero + .value-bar{margin-top:-154px;background:#383C22;z-index:5;padding-left:var(--pad-x);padding-right:var(--pad-x)}
  .nav-links{display:flex}
  .burger{display:none}
  .pillars{grid-template-columns:repeat(3,1fr)}
  .yield-grid{grid-template-columns:7fr 5fr}
  .villa-grid{grid-template-columns:1fr 1fr}
  .gar-feature{grid-template-columns:5fr 7fr}
  .gar-vis{display:flex;flex-direction:column;justify-content:center;padding:48px 30px}
  .gar-detail{padding:40px 36px}
  .loc-reach{grid-template-columns:repeat(3,1fr)}
  .map-canvas{height:460px}
  .partner-grid{grid-template-columns:1fr 1fr;align-items:stretch}
  .partner-card{padding:38px 32px}
  .ps-inner{padding:60px 56px}
  .jvp-cols{grid-template-columns:1fr 1px 1fr}
  .jvp-col{padding:36px 36px 40px}
  .jvp-desc{min-height:66px}
  .jvp-col:first-of-type{border-bottom:none}
  .jvp-divider{display:flex;align-items:center;justify-content:center;position:relative}
  .jvp-divider::before{content:"";position:absolute;top:32px;bottom:32px;width:1px;background:rgba(255,255,255,.12)}
  .jvp-divider span{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--green-dk);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold)}
  .contact-grid{grid-template-columns:1fr 1fr;align-items:start}
  .form-wrap{padding:36px 32px}
}
@media(min-width:1024px){
  :root{--pad-x:56px}
  .hero-inner{min-height:calc(100svh - 64px);padding-top:clamp(70px,8vh,104px);padding-bottom:clamp(120px,14vh,168px)}
  .hero-h1{font-size:clamp(62px,6vw,86px)}
  .hero + .value-bar{margin-top:-154px}
  .villa-text{padding:44px 40px}
}

/* ═══ PRINT / PDF-EXPORT ═══ */
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  /* interactieve chrome verbergen */
  .nav,.burger,.drawer,.float-cta,.hero-dots,.lightbox{display:none!important}
  /* alle scroll-reveal content geforceerd zichtbaar */
  .reveal{opacity:1!important;transform:none!important}
  /* hero netjes binnen 1 pagina */
  .hero{min-height:auto!important;padding-top:0!important}
  .hero-photo{position:relative!important;top:0!important;height:62vh!important}
  .hero-inner{padding:24px 32px 28px!important}
  .hero-slide{opacity:0!important}
  .hero-slide.active{opacity:1!important;position:relative!important}
  .hero-slide:not(.active){display:none!important}
  /* accordions volledig openklappen zodat alle info zichtbaar is */
  .faq-a{display:block!important}
  .acc-body{display:block!important}
  /* nette pagina-einden: blokken niet doorsnijden */
  section,.cta-strip,.jv-block-pro,.gar-feature,.partner-grid,.partner-photo-quote,.pillar,.faq-item,.villa-grid{break-inside:avoid;page-break-inside:avoid}
  h2,h3,.h2{break-after:avoid}
  /* CTA-knoppen in print neutraliseren (niet klikbaar op papier) */
  .section-cta{display:none!important}
  /* sectiepadding compacter voor print */
  .section{padding:48px 0!important}
  /* map kan in print geen tegels laden -> verberg canvas, toon nette melding */
  .map-canvas{display:none!important}
  .map-shell{border:1px dashed var(--ink-15)!important}
  .poi-bar{border-top:none!important}
  a{text-decoration:none!important;color:inherit!important}
}

/* ── HERO btw-badge ── */
.hero-logo{margin:36px 0 18px}
.hero-logo img{height:clamp(70px,15vw,128px);width:auto;max-width:100%}
.hero-badge{position:absolute;top:84px;left:var(--pad-x);z-index:4;width:84px;height:84px}
.hero-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}

/* ── AANBOD (pricing cards) ── */
.sect-aanbod{background:var(--cream)}
.aanbod-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:8px}
.aanbod-card{background:var(--white);border:1px solid var(--ink-15);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s}
.aanbod-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(36,59,20,.1)}
.aanbod-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#3A5824,#243B14)}
.aanbod-img img{width:100%;height:100%;object-fit:cover}
.aanbod-body{padding:22px 22px 26px}
.aanbod-body h3{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--green-dk);line-height:1.1;margin-bottom:6px}
.aanbod-price{font-family:var(--serif);font-size:22px;color:var(--gold-dk);font-style:italic}
.aanbod-price span{font-size:.6em;font-style:normal;color:var(--ink-45);letter-spacing:.02em}

/* ── BTW highlight ── */
.sect-btw{background:var(--green-dk);color:#fff}
.btw-wrap{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;margin-top:8px}
.btw-badge{display:flex;justify-content:center}
.btw-badge img{width:160px;height:160px;object-fit:contain}
.btw-badge .fallback{width:150px;height:150px;border-radius:50%;background:var(--gold);color:var(--green-dk);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif)}
.btw-badge .fallback b{font-size:52px;line-height:1;font-weight:500}
.btw-badge .fallback span{font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.btw-text h2{margin-bottom:14px}
.btw-list{list-style:none;margin-top:16px}
.btw-list li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:15px;color:rgba(255,255,255,.82);border-top:1px solid rgba(255,255,255,.1)}
.btw-list li svg{width:16px;height:16px;stroke:var(--gold-li);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:4px}

/* ── INVESTEREN teaser ── */
.sect-invest{background:var(--cream-2)}
.invest-card{position:relative;border-radius:var(--radius);overflow:hidden;margin-top:8px;min-height:340px;display:flex;align-items:center}
.invest-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.invest-veil{position:absolute;inset:0;background:linear-gradient(105deg,rgba(27,42,15,.94) 0%,rgba(27,42,15,.78) 55%,rgba(27,42,15,.4) 100%)}
.invest-inner{position:relative;z-index:2;padding:40px 28px;max-width:640px}
.invest-inner .eyebrow{color:var(--gold-li)}
.invest-inner .eyebrow::before{background:var(--gold)}
.invest-inner h2{font-family:var(--serif);font-size:clamp(28px,4.5vw,42px);font-weight:400;color:#fff;line-height:1.08;margin-bottom:14px}
.invest-inner h2 em{font-style:italic;color:var(--gold-li)}
.invest-inner p{font-size:15.5px;color:rgba(255,255,255,.78);line-height:1.65;margin-bottom:24px}

/* ── tweekoloms intro (project) ── */
.split{display:grid;grid-template-columns:1fr;gap:0;margin-top:8px;border:1px solid var(--ink-15);border-radius:var(--radius);overflow:hidden}
.split-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#3A5824,#243B14)}
.split-img img{width:100%;height:100%;object-fit:cover}
.split-text{padding:30px 24px;background:var(--white)}
.split-text h3{font-family:var(--serif);font-size:clamp(22px,3.5vw,30px);font-weight:400;color:var(--green-dk);line-height:1.15;margin-bottom:14px}
.split-text h3 em{font-style:italic;color:var(--green-700)}
.split-text p{font-size:14.5px;color:var(--ink-70);line-height:1.65;margin-bottom:14px}
.split-text ul{list-style:none;margin-top:16px;border-top:1px solid var(--ink-15);padding-top:16px}
.split-text ul li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13.5px;color:var(--ink-70);font-weight:500}
.split-text ul li svg{width:14px;height:14px;stroke:var(--green-700);fill:none;stroke-width:2.5;flex-shrink:0;margin-top:4px}

@media(min-width:600px){
  .aanbod-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:768px){
  .btw-wrap{grid-template-columns:200px 1fr;gap:44px}
  .split{grid-template-columns:1fr 1fr}
  .invest-inner{padding:56px 52px}
  .split-text{padding:40px 36px}
}

@media(min-width:768px){
  .jvp-cols{grid-template-columns:1fr 1px 1fr}
  .jvp-col{padding:36px 36px 40px}
  .jvp-col:first-of-type{border-bottom:none}
  .jvp-desc{min-height:66px}
  .jvp-divider{display:flex;align-items:center;justify-content:center;position:relative}
  .jvp-divider::before{content:"";position:absolute;top:32px;bottom:32px;width:1px;background:rgba(255,255,255,.12)}
  .jvp-divider span{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--green-dk);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold)}
}

.wp-site-blocks{min-height:100vh}.tgh-main{margin:0}.admin-bar .nav{top:32px}@media(max-width:782px){.admin-bar .nav{top:46px}}


/* Editor-block controls vergelijkbaar met Nonzerosum */
.tgh-section--spacing-both{padding-top:var(--sec-y);padding-bottom:var(--sec-y)}
.tgh-section--spacing-top{padding-top:var(--sec-y);padding-bottom:0!important}
.tgh-section--spacing-bottom{padding-top:0!important;padding-bottom:var(--sec-y)}
.tgh-section--spacing-none{padding-top:0!important;padding-bottom:0!important}

.tgh-section--spacing-small{padding-top:32px!important;padding-bottom:32px!important}
.section.value-bar.tgh-section--spacing-small{padding-top:32px!important;padding-bottom:32px!important}
@media(min-width:768px){
  .tgh-section--spacing-small{padding-top:40px!important;padding-bottom:40px!important}
  .section.value-bar.tgh-section--spacing-small{padding-top:40px!important;padding-bottom:40px!important}
}


/* Pillar-kaarten zijn géén secties: eventuele oude tgh-section--spacing-* classes op de kaart zelf mogen nooit sec-y padding geven. */
.pillar.tgh-section--spacing-both,
.pillar.tgh-section--spacing-small,
.pillar.tgh-section--spacing-top,
.pillar.tgh-section--spacing-bottom,
.pillar.tgh-section--spacing-none,
.wp-block-tgh-pillar-card.tgh-section--spacing-both,
.wp-block-tgh-pillar-card.tgh-section--spacing-small,
.wp-block-tgh-pillar-card.tgh-section--spacing-top,
.wp-block-tgh-pillar-card.tgh-section--spacing-bottom,
.wp-block-tgh-pillar-card.tgh-section--spacing-none{
  padding:28px 24px!important;
}

.tgh-mirror .villa-grid,.tgh-mirror .broch-grid,.tgh-mirror .split{direction:rtl}.tgh-mirror .villa-grid>*,.tgh-mirror .broch-grid>*,.tgh-mirror .split>*{direction:ltr}
@media(max-width:767px){
  .vcell{padding:20px 18px 18px 20px}
  .vcell-suffix{font-size:18px}
  .price-row .price-prefix{font-size:20px}.tgh-mobile-reverse .villa-grid,.tgh-mobile-reverse .broch-grid,.tgh-mobile-reverse .split{display:flex;flex-direction:column-reverse}.tgh-mobile-reverse .invest-card{display:flex;flex-direction:column-reverse}}
.tgh-editor-note{font:12px/1.4 system-ui,sans-serif;background:#fff8dc;border:1px solid #eadca4;color:#5c4d16;padding:8px 10px;border-radius:4px;margin:8px 0}
.editor-styles-wrapper .tgh-editable-empty{outline:1px dashed rgba(0,0,0,.25);min-height:1.2em}
.editor-styles-wrapper .tgh-card-toolbar{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.editor-styles-wrapper .tgh-card-toolbar button{font-size:11px;padding:2px 6px}

/* Value bar brand background fix */
.value-bar, .hero + .value-bar{background:#383C22;}
.editor-styles-wrapper .value-bar{background:#383C22;}

/* Value bar is ook een volwaardige sectie */
.value-bar.section{background:#383C22;color:#fff;}
.editor-styles-wrapper .value-bar.section{background:#383C22;color:#fff;}

.pillar-card-media-button{margin-bottom:14px}
.pillar-card-media-button .components-button{height:auto}

.pillars-native-content{display:grid;grid-template-columns:1fr;gap:18px;margin-top:34px}
.pillars-native-content>.wp-block-buttons{grid-column:1/-1;justify-content:center;margin-top:20px}
@media(min-width:768px){.pillars-native-content{grid-template-columns:repeat(3,1fr)}}

.pillars-native-editor>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:1fr;gap:18px;margin-top:34px}
.pillars-native-editor .wp-block-buttons{grid-column:1/-1;justify-content:center;margin-top:20px}
@media(min-width:768px){.pillars-native-editor>.block-editor-inner-blocks>.block-editor-block-list__layout{grid-template-columns:repeat(3,1fr)}}


/* Pillar child cards: nooit sectiepadding toepassen op de kaart zelf. */
.pillars .pillar,
.pillars-native-content .pillar,
.pillars-native-editor .pillar,
.wp-block-tgh-pillar-card.pillar{
  padding:28px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.pillars .pillar.tgh-section--spacing-both,
.pillars .pillar.tgh-section--spacing-small,
.pillars .pillar.tgh-section--spacing-top,
.pillars .pillar.tgh-section--spacing-bottom,
.pillars .pillar.tgh-section--spacing-none,
.pillars-native-content .wp-block-tgh-pillar-card.tgh-section--spacing-both,
.pillars-native-content .wp-block-tgh-pillar-card.tgh-section--spacing-small,
.pillars-native-content .wp-block-tgh-pillar-card.tgh-section--spacing-top,
.pillars-native-content .wp-block-tgh-pillar-card.tgh-section--spacing-bottom,
.pillars-native-content .wp-block-tgh-pillar-card.tgh-section--spacing-none,
.pillars-native-editor .wp-block-tgh-pillar-card.tgh-section--spacing-both,
.pillars-native-editor .wp-block-tgh-pillar-card.tgh-section--spacing-small,
.pillars-native-editor .wp-block-tgh-pillar-card.tgh-section--spacing-top,
.pillars-native-editor .wp-block-tgh-pillar-card.tgh-section--spacing-bottom,
.pillars-native-editor .wp-block-tgh-pillar-card.tgh-section--spacing-none{
  padding:28px 24px!important;
}
.pillars .pillar > *,
.pillars-native-content .pillar > *,
.pillars-native-editor .pillar > *{
  max-width:100%;
}


/* Rendement-block editor/front refinements */
.yield-highlight .yh-num{display:flex;align-items:baseline;justify-content:center;gap:.14em;flex-wrap:wrap}
.yield-highlight .yh-prefix{font-size:clamp(30px,5vw,58px);line-height:1;font-family:var(--serif);font-weight:400;color:var(--green-dk)}
.yield-actions{margin-top:28px;display:flex;justify-content:center}
.yield-actions .wp-block-buttons{justify-content:center}
.editor-styles-wrapper .sect-yield .yield-flow{background:rgba(255,255,255,.06)}
.editor-styles-wrapper .sect-yield .tgh-yield-editor-card{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:22px 24px;margin:0 0 12px}
.editor-styles-wrapper .sect-yield .tgh-yield-editor-card .block-editor-rich-text__editable{color:var(--ink)}
.editor-styles-wrapper .sect-yield .tgh-yield-editor-card .yflow-val{color:var(--green-dk)}
.editor-styles-wrapper .sect-yield .yield-actions{padding:16px;border:1px dashed rgba(255,255,255,.25);border-radius:var(--radius)}

/* Rendement — editor preview en bedrag-prefix */
.yield-highlight .yh-prefix{
  font-size:clamp(20px,2.2vw,32px);
  line-height:1;
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  color:var(--green-dk);
  margin-right:.08em;
}
.editor-styles-wrapper .sect-yield .yield-grid{
  border-color:rgba(255,255,255,.16);
}
.editor-styles-wrapper .sect-yield .yield-flow{
  background:rgba(255,255,255,.03);
}
.editor-styles-wrapper .sect-yield .yflow-step{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.editor-styles-wrapper .sect-yield .yflow-step:last-child{
  border-bottom:none;
}
.editor-styles-wrapper .sect-yield .yflow-txt strong,
.editor-styles-wrapper .sect-yield .yflow-txt strong .block-editor-rich-text__editable{
  color:#fff;
  font-weight:700;
}
.editor-styles-wrapper .sect-yield .yflow-txt span,
.editor-styles-wrapper .sect-yield .yflow-txt span .block-editor-rich-text__editable{
  color:rgba(255,255,255,.62);
}
.editor-styles-wrapper .sect-yield .yflow-val,
.editor-styles-wrapper .sect-yield .yflow-val .block-editor-rich-text__editable{
  color:var(--green-300);
  text-align:right;
}
.editor-styles-wrapper .sect-yield .yield-highlight,
.editor-styles-wrapper .sect-yield .yield-highlight .block-editor-rich-text__editable{
  color:var(--green-dk);
}
.editor-styles-wrapper .sect-yield .yield-highlight .yh-lbl,
.editor-styles-wrapper .sect-yield .yield-highlight .yh-lbl .block-editor-rich-text__editable{
  color:var(--green-dk);
}
.editor-styles-wrapper .sect-yield .yield-highlight .yh-prefix,
.editor-styles-wrapper .sect-yield .yield-highlight .yh-prefix .block-editor-rich-text__editable{
  color:var(--green-dk);
  font-size:clamp(20px,2.2vw,32px);
  font-style:italic;
}
.editor-styles-wrapper .sect-yield .yield-highlight .yh-value,
.editor-styles-wrapper .sect-yield .yield-highlight .yh-value .block-editor-rich-text__editable{
  color:var(--green-dk);
}
.editor-styles-wrapper .sect-yield .tgh-yield-editor-card{
  background:transparent;
  border:0;
  padding:0;
  margin:0;
}


/* Rendement — native knop in Groen Hart stijl */
.sect-yield .yield-actions{
  margin-top:32px;
  display:flex;
  justify-content:center;
}
.sect-yield .yield-actions .wp-block-buttons{
  justify-content:center;
}
.sect-yield .yield-actions .wp-block-button__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--green-dk);
  color:#fff;
  border-radius:var(--radius);
  font-family:var(--sans);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
  padding:15px 26px;
  text-decoration:none;
  border:1px solid rgba(166,173,109,.22);
  box-shadow:0 10px 28px rgba(14,15,13,.18);
}
.sect-yield .yield-actions .wp-block-button__link:hover{
  background:var(--green-500);
  color:#fff;
  transform:translateY(-1px);
}
.sect-yield .yield-actions .wp-block-button__link::after{
  content:"→";
  font-size:14px;
  line-height:1;
  margin-left:8px;
  display:inline-block;
  transform:translateY(-1px);
}
.editor-styles-wrapper .sect-yield .yield-actions{
  padding:18px 0 0;
  border:0;
}
.editor-styles-wrapper .sect-yield .yield-actions .wp-block-button__link{
  background:var(--green-dk);
  color:#fff;
}


/* Update 1.4.5 — knoppen, bullets, rendement en beeld+tekst */
:where(.wp-block-button__link)::after,
:where(.btn-arrow){font-size:14px!important;line-height:1}

/* Rendement: CTA in felgroene/gold kleur */
.sect-yield .yield-actions .wp-block-button__link,
.editor-styles-wrapper .sect-yield .yield-actions .wp-block-button__link{
  background:var(--gold)!important;
  color:var(--green-dk)!important;
  border-color:transparent!important;
  box-shadow:0 12px 28px rgba(14,15,13,.16);
}
.sect-yield .yield-actions .wp-block-button__link:hover{
  background:var(--green-300)!important;
  color:var(--green-dk)!important;
}

/* Rendement: leesbaarder */
.yflow-n{width:42px;height:42px;font-size:18px;border-color:var(--gold);color:var(--gold)}
.yflow-step{gap:22px;padding:22px 0}
.yflow-txt strong{font-size:18px;line-height:1.35}
.yflow-txt span{font-size:16px;line-height:1.55}
.yflow-val{font-size:clamp(24px,2.6vw,34px);line-height:1.1}
.yield-highlight .yh-prefix{font-size:clamp(20px,2.2vw,32px)!important}
.yield-highlight .yh-sub{font-size:17px;line-height:1.55}

/* Vinkje in cirkel — universeel voor iconen en bullet lists binnen TGH-secties */
.pillar-ico,
.villa-text ul li::before,
.btw-list li::before,
.split-text ul li::before{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:999px;
  background:var(--green-50);
  color:var(--green-dk);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(56,60,34,.10);
}
.villa-text ul,
.btw-list,
.split-text ul{list-style:none;padding-left:0}
.villa-text ul li,
.btw-list li,
.split-text ul li{position:relative;display:flex;align-items:flex-start;gap:14px}
.villa-text ul li::before,
.btw-list li::before,
.split-text ul li::before{
  content:"✓";
  width:28px;
  height:28px;
  min-width:28px;
  font-family:var(--sans);
  font-weight:700;
  font-size:16px;
  line-height:1;
  margin-top:.1em;
}
.villa-text ul li svg,.btw-list li svg,.split-text ul li svg{display:none!important}

/* Beeld + tekst: native content, gelijke kolomhoogte en buttonstijl */
.villa-grid{align-items:stretch;box-shadow:0 18px 40px rgba(56,60,34,.08)}
.villa-img{height:auto;min-height:100%;aspect-ratio:auto}
.villa-img img{width:100%;height:100%;min-height:100%;object-fit:cover}
.villa-text{display:flex;flex-direction:column;justify-content:center;gap:16px}
.villa-text > *{margin-top:0;margin-bottom:0}
.villa-text p,
.villa-text li{font-size:16px;line-height:1.65}
.villa-text .wp-block-buttons{margin-top:10px}
.villa-text .wp-block-button__link{
  background:var(--green-dk)!important;
  color:#fff!important;
  border-radius:var(--radius);
  font-family:var(--sans);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:15px 26px;
  text-decoration:none;
}
@media(min-width:768px){
  .villa-grid{grid-template-columns:1fr 1fr}
  .villa-img{height:100%}
}


/* Update 1.4.6 — brochure-afbeelding zonder achtergrond en beeld+tekst bullets gecentreerd */
.broch-img{background:transparent!important;}
.villa-text ul li{align-items:center!important;}
.villa-text ul li::before{margin-top:0!important;}


/* Native card blocks */
.wp-block-tgh-location-item.reach-item,
.wp-block-tgh-pricing-card.aanbod-card,
.wp-block-tgh-partner-card.jvp-col,
.wp-block-tgh-faq-item.faq-item{box-sizing:border-box}
.reach-txt strong,.reach-txt span{display:block}
.aanbod-card>span{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.aanbod-card>h3{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:400;line-height:1.15;color:var(--green-dk);margin-bottom:10px}
.aanbod-card>p{font-size:16px;line-height:1.65;color:var(--ink-70);margin-bottom:18px}
.ap-price{font-family:var(--serif);font-size:24px;font-style:italic;color:var(--green);line-height:1.1}


/* Child cards mogen nooit sectie-padding krijgen */
.loc-reach .tgh-section--spacing-both,
.loc-reach .tgh-section--spacing-small,
.loc-reach .tgh-section--spacing-top,
.loc-reach .tgh-section--spacing-bottom,
.loc-reach .tgh-section--spacing-none,
.aanbod-grid .tgh-section--spacing-both,
.aanbod-grid .tgh-section--spacing-small,
.aanbod-grid .tgh-section--spacing-top,
.aanbod-grid .tgh-section--spacing-bottom,
.aanbod-grid .tgh-section--spacing-none,
.jvp-cols .tgh-section--spacing-both,
.jvp-cols .tgh-section--spacing-small,
.jvp-cols .tgh-section--spacing-top,
.jvp-cols .tgh-section--spacing-bottom,
.jvp-cols .tgh-section--spacing-none,
.faq-list .tgh-section--spacing-both,
.faq-list .tgh-section--spacing-small,
.faq-list .tgh-section--spacing-top,
.faq-list .tgh-section--spacing-bottom,
.faq-list .tgh-section--spacing-none{padding-top:0!important;padding-bottom:0!important}
.reach-ico img{width:22px;height:22px;object-fit:contain;display:block}


/* Partners — zorgpartner intro */
.partner-care-grid{display:grid;grid-template-columns:1fr;gap:24px;margin:34px 0 44px}
.partner-care-card{background:#fff;border:1px solid rgba(99,107,69,.26);border-top:4px solid var(--green);padding:34px 32px;box-shadow:0 18px 42px rgba(14,15,13,.05)}
.partner-care-card h3{font-family:var(--serif);font-size:clamp(28px,3.6vw,38px);font-weight:400;line-height:1.15;color:var(--green-dk);margin-bottom:18px}
.partner-care-card h3 em{font-style:italic;color:var(--green)}
.partner-care-card p{font-size:16px;line-height:1.75;color:var(--ink-70);margin-bottom:22px}
.partner-care-list{list-style:none;margin:22px 0 0;padding:18px 0;border-top:1px solid rgba(99,107,69,.25);border-bottom:1px solid rgba(99,107,69,.25)}
.partner-care-list li{position:relative;padding:10px 0 10px 42px;font-size:15px;color:var(--ink-70);min-height:30px}
.partner-care-list li::before{content:'✓';position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:999px;background:var(--green-50);color:var(--green-dk);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 8px 22px rgba(14,15,13,.08)}
.partner-care-logo{margin-top:24px;max-height:52px;width:auto;display:block}
.partner-quote-card{background:var(--green-dk);color:#fff;padding:42px 36px;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;position:relative;overflow:hidden}
.partner-quote-logo{position:absolute;top:0;left:0;right:0;width:100%;height:100%;object-fit:cover;opacity:.18}
.partner-quote-mark{position:relative;z-index:1;font-family:var(--serif);font-size:52px;color:var(--gold);line-height:1;margin-bottom:14px}
.partner-quote-text{position:relative;z-index:1;font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-style:italic;line-height:1.25;color:#fff;margin-bottom:28px}
.partner-quote-author{position:relative;z-index:1;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-li)}
.partner-quote-author::before{content:'';display:inline-block;width:34px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px}
@media(min-width:900px){.partner-care-grid{grid-template-columns:1fr 1fr}.partner-care-card{padding:42px 40px}.partner-quote-card{min-height:430px;padding:56px 48px}}


/* Update 1.5.6 — partners developer columns fixed */
.jvp-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
.jvp-stat{min-width:0;}
.jvp-v,.jvp-l{word-break:normal;overflow-wrap:normal;}
@media(min-width:768px){
  .jvp-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .jvp-divider{display:none!important;}
  .jvp-col{min-width:0;}
  .jvp-col:first-of-type{border-bottom:none!important;}
  .jvp-col + .jvp-col{border-left:1px solid rgba(255,255,255,.12);}
}


/* Update 1.5.8 — partner hover, partner CTA and FAQ style */
.jvp-stat:hover{background:#ffffff00;}
.partner-section-cta{margin-top:54px;}
.partner-section-cta .btn{min-width:min(100%,520px);}
.sect-faq .section-head{max-width:900px;margin-bottom:42px;}
.faq-list{border-top:1px solid rgba(14,15,13,.16);}
.faq-list .faq-item{border-bottom:1px solid rgba(14,15,13,.16);padding:0!important;background:transparent!important;box-shadow:none!important;}
.faq-list .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-size:18px;font-weight:700;line-height:1.4;color:var(--green-dk);}
.faq-list .faq-item summary::-webkit-details-marker{display:none;}
.faq-list .faq-item summary::after{content:'+';width:34px;height:34px;border:1px solid rgba(14,15,13,.16);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:18px;font-weight:400;color:var(--green-dk);flex:0 0 34px;transition:all .2s ease;}
.faq-list .faq-item[open] summary::after{content:'×';background:var(--green-dk);border-color:var(--green-dk);color:#fff;}
.faq-list .faq-item p{max-width:840px;margin:0;padding:0 64px 26px 0;font-size:16px;line-height:1.75;color:var(--ink-70);}
.faq-list .faq-item p strong{color:var(--green-dk);font-weight:700;}
.editor-styles-wrapper .faq-list .faq-item{padding:0!important;}
.editor-styles-wrapper .faq-list .faq-item summary{padding:18px 0;}


/* Update 1.5.9 — native partner CTA and FAQ accordion */
.partner-section-cta .cta-divider{display:none!important;}
.partner-section-cta{margin-top:54px;justify-content:center;}
.partner-section-cta .wp-block-buttons{justify-content:center;}
.partner-section-cta .wp-block-button__link{background:var(--green-dk)!important;color:#fff!important;border-radius:var(--radius);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:18px 44px;box-shadow:0 18px 50px rgba(14,15,13,.12);}
.partner-section-cta .wp-block-button__link::after{content:'→';font-size:14px;margin-left:12px;}
.editor-styles-wrapper .jvp-cols > .wp-block-buttons{grid-column:1/-1;justify-content:center;margin-top:54px;}
.jvp-cols > .wp-block-buttons{grid-column:1/-1;justify-content:center;margin-top:54px;}


/* Update 1.6.0 — native Gutenberg buttons use Groen Hart style */
.wp-block-button__link.wp-element-button,
.wp-block-button__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--green-dk);
  color:#fff;
  border:none;
  border-radius:var(--radius);
  font-family:var(--sans);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
  padding:15px 26px;
  text-decoration:none;
  transition:all .2s ease;
}
.wp-block-button__link.wp-element-button:hover,
.wp-block-button__link:hover{
  background:var(--green);
  color:#fff;
  transform:translateY(-1px);
}
.wp-block-button__link::after{content:'→';font-size:14px!important;line-height:1;margin-left:0;display:inline-block;transform:translateY(-1px);}
.partner-section-cta .wp-block-button__link{padding:15px 26px!important;letter-spacing:.08em!important;box-shadow:none!important;min-width:0!important;}


/* Update 1.6.1 — section background choices */
.tgh-section-bg-beige{background:#fbfaf5!important;}
.tgh-section-bg-beige-green{background:#ecece5!important;}
.tgh-section-bg-dark-green{background:#383C22!important;color:#fff;}
.tgh-section-bg-dark-green .h2,
.tgh-section-bg-dark-green h2,
.tgh-section-bg-dark-green h3,
.tgh-section-bg-dark-green .lead,
.tgh-section-bg-dark-green p{color:#fff;}
.tgh-section-bg-dark-green .eyebrow{color:#A6AD6D;}
.tgh-section-bg-dark-green .eyebrow::before{background:#A6AD6D;}


/* Update 1.6.2 — show native partner button underneath the green partner card in the editor */
.editor-styles-wrapper .sect-jv .jv-block-pro{position:relative;margin-bottom:96px;}
.editor-styles-wrapper .sect-jv .jvp-cols > .wp-block-buttons{
  position:absolute;
  left:50%;
  bottom:-74px;
  transform:translateX(-50%);
  width:auto;
  grid-column:1/-1;
  margin-top:0!important;
  justify-content:center;
  z-index:5;
}
.editor-styles-wrapper .sect-jv .jvp-cols > .wp-block-buttons .wp-block-button__link{white-space:nowrap;}


/* Update 1.6.4 — header logo/menu and contact icons */
.nav{background:#383C22!important;transition:transform .28s ease, background .2s ease;will-change:transform;}
.nav.nav-hidden{transform:translateY(-110%);}
.nav.nav-visible{transform:translateY(0);}
.nav-logo{display:flex;align-items:center;min-width:160px;}
.nav-logo img{height:36px;width:auto;display:block;}
.nav-links,.nav-links ul{list-style:none;margin:0;padding:0;}
.nav-links li{margin:0;padding:0;}
.drawer-menu{display:flex;flex-direction:column;}
.drawer-menu a,.drawer-cta{padding:14px var(--pad-x);color:rgba(255,255,255,.75);font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06);}
.drawer-cta{color:var(--gold-li);font-weight:700;}
.cico svg{display:block;width:20px;height:20px;stroke:var(--gold-li);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
@media(min-width:768px){.nav-logo img{height:38px}.nav-logo span{display:none!important}}


/* Update 1.6.5 — footer */
.site-footer{background:#fbfaf5;color:var(--green-dk);border-top:1px solid rgba(56,60,34,.12);padding:72px 0 28px;}
.footer-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x);}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:70px;align-items:start;}
.footer-main-logo{width:min(260px,100%);height:auto;display:block;filter:none;}
.footer-col h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.15;color:var(--green-dk);margin:0 0 18px;}
.footer-col p{margin:0 0 14px;color:var(--ink-45);font-size:16px;line-height:1.5;letter-spacing:.02em;}
.footer-col p span{color:var(--green-dk);margin-right:6px;}
.footer-col a{color:var(--green-dk);text-decoration:none;}
.footer-col a:hover{color:var(--green);}
.footer-mini-logos,.footer-stack-logos{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:18px 0;}
.footer-logo-img{display:block;max-width:170px;max-height:74px;width:auto;height:auto;object-fit:contain;}
.footer-mini-logos .footer-logo-img{max-width:118px;max-height:42px;}
.footer-logo-text{font-family:var(--serif);font-size:34px;color:var(--green-dk);line-height:1;display:inline-block;}
.footer-logo-text.ion{text-transform:uppercase;font-family:var(--sans);font-size:38px;font-weight:700;letter-spacing:.03em;}
.footer-logo-text.coussee{font-family:var(--sans);font-size:24px;font-weight:700;}
.footer-logo-text.vlaio,.footer-logo-text.roeselare,.footer-logo-text.wvl,.footer-logo-text.hhart{font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:.02em;}
.footer-notices{margin-top:70px;color:var(--ink-45);font-size:13px;line-height:1.55;letter-spacing:.04em;}
.footer-notices p{margin:0 0 10px;}
.footer-bottom{margin-top:34px;padding-top:26px;border-top:1px solid rgba(56,60,34,.16);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ink-45);font-size:14px;letter-spacing:.04em;}
.footer-policy-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.footer-bottom a{color:var(--green-dk);text-decoration:none;}
.footer-bottom a:hover{color:var(--green);}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:44px}.footer-brand{grid-column:1/-1}.footer-main-logo{width:220px}.site-footer{padding-top:56px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-notices{margin-top:44px}}


/* Update 1.6.6 — official logo assets */
.nav-logo img{height:42px;max-width:190px;object-fit:contain;}
.footer-main-logo{width:min(310px,100%);}
.footer-logo-img.ion{max-width:150px;}
.footer-logo-img.coussee{max-width:190px;}
.footer-logo-img.hhart{max-width:150px;}
.footer-logo-img.vlaio{max-width:170px;}
.footer-logo-img.roeselare{max-width:150px;}
.footer-logo-img.wvl{max-width:170px;}
.footer-mini-logos .footer-logo-img.ion{max-width:92px;}
.footer-mini-logos .footer-logo-img.coussee{max-width:118px;}


/* Update 1.6.7 — footer contact phone under matching logo */
.footer-contact-logos{display:flex;flex-direction:column;gap:16px;margin:18px 0 0;}
.footer-contact-logo-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.footer-contact-logo-row p{margin:0;}
.footer-contact-logo-row .footer-logo-img{max-height:42px;max-width:128px;}
.footer-contact-logo-row .footer-logo-img.ion{max-width:92px;}
.footer-contact-logo-row .footer-logo-img.coussee{max-width:118px;}


/* Update 1.6.8 — mobile partner block layout */
@media(max-width:767px){
  .jv-block-pro{overflow:hidden;}
  .jvp-header{padding:42px 24px 34px;}
  .jvp-title{font-size:clamp(36px,12vw,56px);}
  .jvp-sub{font-size:16px;line-height:1.65;}
  .jvp-cols{display:grid!important;grid-template-columns:1fr!important;}
  .jvp-divider{display:none!important;}
  .jvp-col{padding:34px 24px 38px!important;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;min-width:0;}
  .jvp-col + .jvp-col{border-left:0!important;}
  .jvp-col:last-child{border-bottom:0!important;}
  .jvp-col-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;margin-bottom:22px;}
  .jvp-logo{min-width:0;min-height:auto;width:100%;}
  .jvp-logo img{max-width:210px;max-height:64px;height:auto;}
  .jvp-role{text-align:left;font-size:11px;}
  .jvp-desc{min-height:0!important;font-size:16px;line-height:1.7;margin-bottom:26px;}
  .jvp-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0;}
  .jvp-stat{padding:20px 16px;}
  .jvp-v{font-size:clamp(30px,8vw,42px);line-height:1.05;}
  .jvp-l{font-size:13px;line-height:1.45;}
}
@media(max-width:420px){
  .jvp-stats{grid-template-columns:1fr!important;}
}


/* Update 1.6.9 — hero media library images and sticker */
.hero-badge{width:110px;height:110px;top:92px;left:var(--pad-x);}
.editor-styles-wrapper .hero-badge{top:28px;left:28px;}
.tgh-media-preview-grid{display:flex;flex-wrap:wrap;margin-bottom:10px;gap:6px;}
@media(max-width:767px){.hero-badge{width:80px;height:80px;top:82px;}}


/* Update 1.7.0 — gallery media picker and global caption */
.gal-cap p{white-space:normal;}
.editor-styles-wrapper .gal-cap{pointer-events:auto;}


/* Update 1.7.1 — aanbod cards */
.aanbod-grid > .wp-block-buttons{grid-column:1/-1;justify-content:center;margin-top:42px;}
.aanbod-card{box-shadow:0 18px 48px rgba(14,15,13,.06);}
.aanbod-img{background:transparent;aspect-ratio:16/10;}
.aanbod-body{padding:28px 28px 32px;background:#fff;}
.aanbod-body h3,.aanbod-card>h3{font-family:var(--serif);font-size:clamp(28px,2.5vw,36px);font-weight:400;color:var(--green-dk);line-height:1.08;margin:0 0 18px;}
.aanbod-text{font-size:16px;line-height:1.65;color:var(--ink-70);margin:0 0 16px;}
.aanbod-price{font-family:var(--serif);font-style:italic;color:var(--green);font-size:clamp(20px,2vw,27px);line-height:1.2;}
.aanbod-price strong{font-weight:400;color:var(--green);}
.aanbod-price-prefix{font-size:1em;color:var(--green);}
.aanbod-price-suffix{font-family:var(--sans);font-size:13px;font-style:normal;color:var(--ink-45);}
.aanbod-section-cta{margin-top:50px;justify-content:center;}
.aanbod-section-cta .wp-block-buttons{justify-content:center;}


/* Update 1.7.2 — aanbod price color and no tile hover animation */
.aanbod-card:hover{transform:none!important;box-shadow:0 18px 48px rgba(14,15,13,.06)!important;}
.aanbod-price,
.aanbod-price strong,
.aanbod-price-prefix,
.aanbod-price-value{color:var(--green-700)!important;}


/* Update 1.7.3 — optional top partner cards */
.partner-care-grid--single{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto;}
.partner-care-grid--single .partner-quote-card,.partner-care-grid--single .partner-care-card{min-height:360px;}


/* Update 1.7.6 — BTW badge, contact person, native CTA and Leaflet map */
.btw-badge img{width:180px;height:180px;object-fit:contain;}
.invest-actions .wp-block-buttons{justify-content:flex-start;}
.contact-person{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:16px;color:#fff;}
.contact-person img{width:72px;height:72px;border-radius:999px;object-fit:cover;flex:0 0 72px;}
.contact-person strong{display:block;font-size:16px;color:#fff;margin-bottom:2px;}
.contact-person span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-li);margin-bottom:6px;}
.contact-person p{margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.5;}
.tgh-osm-map{width:100%;height:460px;min-height:360px;background:#ecece5;}
.leaflet-container{font-family:var(--sans);}
.editor-styles-wrapper .tgh-osm-map{display:flex;align-items:center;justify-content:center;color:var(--green-dk);font-size:14px;}


/* Update 1.7.6 — restore before/after slider block */
.ba-slider{--ba-pos:50%;}
.ba-before{width:var(--ba-pos,50%);}
.ba-divider,.ba-knob{left:var(--ba-pos,50%);}
.before-after-actions{display:flex;justify-content:center;margin-top:28px;}
.before-after-actions .wp-block-buttons{justify-content:center;}
.ba-knob{border:0;gap:0;font-family:var(--sans);font-weight:700;}
.ba-knob span{line-height:1;display:inline-block;margin:0 1px;}


/* Update 1.8.7 — thank-you block, larger menu logo and menu variants */
.nav-logo img{height:48px!important;max-width:240px;object-fit:contain;}
@media(max-width:767px){.nav-logo img{height:42px!important;max-width:200px;}}
.sect-thank-you{background:var(--cream);min-height:calc(100svh - 120px);display:flex;align-items:center;}
.thank-you-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;background:#fff;border:1px solid rgba(56,60,34,.18);box-shadow:0 24px 70px rgba(14,15,13,.08);border-radius:var(--radius);overflow:hidden;}
.thank-you-image{min-height:420px;background:var(--cream-2);}
.thank-you-image img{width:100%;height:100%;object-fit:cover;}
.thank-you-content{padding:clamp(34px,6vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.thank-you-content .h2{margin-bottom:18px;max-width:760px;}
.thank-you-content .lead{margin-bottom:32px;max-width:620px;}
.thank-you-actions .wp-block-buttons{justify-content:flex-start;margin:0;}
@media(max-width:800px){.thank-you-card{grid-template-columns:1fr}.thank-you-image{min-height:260px}.sect-thank-you{min-height:0}.thank-you-content{padding:34px 24px}}


/* Update 1.8.8 — larger header logo */
.nav-logo img{height:58px!important;max-width:290px!important;}
@media(max-width:767px){.nav-logo img{height:48px!important;max-width:230px!important;}}


/* Update 1.8.9 — header logo larger with 8px vertical padding */
.nav-row{height:auto!important;min-height:82px!important;}
.nav-logo{padding:8px 0!important;}
.nav-logo img{height:66px!important;max-width:330px!important;}
@media(max-width:767px){.nav-row{min-height:72px!important}.nav-logo img{height:56px!important;max-width:260px!important;}}


/* Update 1.9.0 — unified location map with POI buttons */
.map-shell{margin-top:20px;border:1px solid var(--ink-15);border-radius:var(--radius);background:var(--white);overflow:hidden;}
.map-canvas.tgh-osm-map{width:100%;height:380px;min-height:360px;background:var(--cream-3);}
.poi-bar{padding:16px;border-top:1px solid var(--ink-15);background:var(--cream);}
.poi-bar-lbl{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-700);margin-bottom:12px;}
.poi-tags{display:flex;flex-wrap:wrap;gap:8px;}
.poi-tag{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:var(--white);border:1px solid var(--ink-15);border-radius:var(--radius);font-family:var(--sans);font-size:12.5px;font-weight:500;color:var(--ink-70);cursor:pointer;transition:all .2s;}
.poi-tag:hover{border-color:var(--green-500);color:var(--green-dk);}
.poi-tag.active{background:var(--green);border-color:var(--green);color:#fff;}
.poi-tag .pdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.leaflet-popup-content-wrapper{border-radius:var(--radius);font-family:var(--sans);}
.leaflet-popup-content{margin:11px 13px;font-size:13px;}
.leaflet-popup-content b{font-size:14px;color:var(--green-dk);}
.poi-pop-sub{color:var(--ink-70);font-size:12px;margin-top:2px;}


/* Update 1.9.1 — contactpersoon in linkerkolom */
.contact-left .contact-person{max-width:440px;text-decoration:none;}
.form-wrap .contact-person{display:none!important;}


/* Update 1.9.2 — thank-you menu routing */


/* Update 1.9.3 — force Investeren menu link to page only */

/* Update 1.9.4 — prevent Investeren menu click from landing at contact anchor */

/* Update 1.9.5 — Investeren link wordt server-side gecorrigeerd zonder scroll-terugduw. */

/* Update 1.9.6 — strip /investeren/#contact hash before browser anchor-scroll. */

/* Update 1.9.7 — disable browser scroll restoration on investeringspagina. */

/* Update 1.9.8 — clean full /investeren/#... links in menu and content. */

/* Update 1.9.9 — prevent HubSpot/contact form autofocus from pulling investeringspagina down. */

/* Update 1.9.10 — block automatic init scroll on investeringspagina until user input. */

/* Update 1.10.0 — remove temporary auto-scroll guard; form lazy-load lives in plugin. */


/* Update 1.10.3 — footer meldingen, hero woordmerk/fade, BTW */
.hero-wordmark{margin:0 0 26px;max-width:min(620px,78vw);}
.hero-wordmark img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;object-position:left center;}
.hero--no-veil .hero-veil{display:none!important;}
@media(max-width:700px){.hero-wordmark{max-width:88vw}.hero-wordmark img{max-height:180px}}

.btw-wrap .btw-badge{order:2;}
.btw-wrap .btw-text{order:1;}
.btw-badge{align-items:center;}
.btw-badge img{width:180px!important;height:180px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;display:block;overflow:hidden;}
.btw-badge .fallback{width:180px;height:180px;}
@media(min-width:768px){.btw-wrap{grid-template-columns:1fr 220px!important}.btw-badge{justify-content:flex-end}.btw-text{min-width:0}}
@media(max-width:767px){.btw-badge{justify-content:flex-start}}


/* Update 1.10.6 — rendement foto, partner quote achtergrond */
.yield-highlight--image{padding:0!important;background:transparent!important;overflow:hidden;min-height:360px;}
.yield-highlight--image img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;}
.partner-quote-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.partner-quote-fade{position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(56,60,34,.95) 0%,rgba(56,60,34,.68) 42%,rgba(56,60,34,.08) 100%);}
.partner-quote-logo{display:none!important;}
.partner-quote-mark,.partner-quote-text,.partner-quote-author{z-index:1;}
.editor-styles-wrapper .yield-highlight--image img{min-height:320px;}


/* Update 1.10.7 — hero tekst lager + zachte groene fade */
.hero-veil{background:linear-gradient(0deg,rgba(56,60,34,.82) 0%,rgba(56,60,34,.74) 34%,rgba(56,60,34,.42) 62%,rgba(56,60,34,.0) 100%)!important;}
.hero-inner{justify-content:flex-end!important;padding-bottom:clamp(88px,13vh,150px)!important;}
@media(max-width:767px){.hero-inner{padding-bottom:72px!important;justify-content:flex-end!important}}


/* Update 1.10.9 — aparte hero veil home vs andere pagina's */
.hero-veil{background:linear-gradient(0deg,rgba(56,60,34,.82) 0%,rgba(56,60,34,.74) 34%,rgba(56,60,34,.42) 62%,rgba(56,60,34,.0) 100%)!important;}
body.home .hero-veil,body.front-page .hero-veil,body.page-template-front-page .hero-veil{background:linear-gradient(0deg,rgba(56,60,34,.76) 0%,rgba(56,60,34,.68) 34%,rgba(56,60,34,.22) 62%,rgba(56,60,34,.0) 100%)!important;}


/* Update 1.11.0 — floating CTA */
.float-cta{position:fixed;left:0;right:0;bottom:0;z-index:390;transform:translateY(130%);transition:transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none;padding:0 var(--pad-x) env(safe-area-inset-bottom);}
.float-cta.show{transform:translateY(0);}
.float-cta-inner{pointer-events:auto;background:var(--green-dk);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 30px rgba(0,0,0,.18);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:var(--max);margin:0 auto;}
.float-cta-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.float-cta-txt strong{font-family:var(--serif);font-size:17px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.float-cta-txt span{font-size:11.5px;color:rgba(255,255,255,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.float-cta .btn{flex-shrink:0;padding:13px 20px!important;}
@media(min-width:860px){.float-cta{left:auto;right:28px;bottom:28px;padding:0}.float-cta-inner{min-width:460px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);padding:14px 16px 14px 20px;box-shadow:0 12px 34px rgba(0,0,0,.28)}}
@media(max-width:520px){.float-cta-inner{padding:10px 12px}.float-cta-txt strong{font-size:15px}.float-cta .btn{padding:12px 14px!important;font-size:11px!important}}


/* Update 1.11.1 — knoptekst wit + hero em leesbaarheid */
.btn-gold,
.btn-green,
.nav-cta,
.hero-actions .btn.btn-gold,
.float-cta .btn.btn-gold,
.wp-block-button__link{color:#fff!important;}
.nav-cta:hover,
.btn-gold:hover,
.btn-green:hover{color:#fff!important;}
.hero-h1 em{
  text-shadow:3px 3px 0 rgba(56,60,34,.28),0 8px 26px rgba(14,15,13,.38)!important;
}


/* Update 1.11.4 — locatie CTA + HTML in valuebar */
.location-section-cta{margin-top:34px;align-items:center;text-align:center;}
.location-section-cta .wp-block-buttons{justify-content:center;}
.location-section-cta .wp-block-button__link{background:var(--green-dk)!important;color:#fff!important;border-radius:var(--radius)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:15px 26px!important;}
.vcell-value span{font-size:inherit!important;line-height:inherit!important;}


/* Update 1.11.5 — locatie CTA hoort onder map + POI's */
.location-section-cta{margin-top:34px;align-items:center;text-align:center;}
.location-section-cta .wp-block-buttons{justify-content:center!important;}
.location-section-cta .wp-block-button__link{background:var(--green-dk)!important;color:#fff!important;border-radius:var(--radius)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:15px 26px!important;}


/* Update 1.11.6 — native locatieknop visueel onder map + POI's in editor */
.editor-styles-wrapper .sect-loc .wrap{display:flex;flex-direction:column;}
.editor-styles-wrapper .sect-loc .loc-reach{display:contents;}
.editor-styles-wrapper .sect-loc .loc-reach > .block-editor-inner-blocks,
.editor-styles-wrapper .sect-loc .loc-reach > .block-editor-inner-blocks > .block-editor-block-list__layout{display:contents;}
.editor-styles-wrapper .sect-loc .loc-reach .wp-block-tgh-location-item{order:10;}
.editor-styles-wrapper .sect-loc .map-shell{order:20;}
.editor-styles-wrapper .sect-loc .loc-reach .wp-block-buttons{order:30;align-self:center;margin-top:34px!important;}
.editor-styles-wrapper .sect-loc .loc-reach .wp-block-buttons .wp-block-button__link{background:var(--green-dk)!important;color:#fff!important;border-radius:var(--radius)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:15px 26px!important;}





/* Update 1.11.7 — fullscreen mobiel menu */
body.tgh-menu-open{overflow:hidden;}
.nav.has-drawer-open{transform:none!important;}
.nav-row{position:relative;z-index:540;}
.burger{position:relative;z-index:560;border-radius:999px;}
.burger:focus-visible{outline:2px solid var(--gold-li);outline-offset:4px;}

@media(max-width:767px){
  .nav{background:#383C22!important;}
  .nav-r{gap:10px;}
  .nav-cta{display:none!important;}
  .burger{
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    transition:background .2s ease,border-color .2s ease;
  }
  .burger:hover,
  .burger.open{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);}
  .burger span{width:22px;height:2px;background:#fff;border-radius:999px;}
  .burger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}
  .burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

  .drawer{
    display:flex!important;
    position:fixed;
    inset:0;
    width:100vw;
    min-height:100svh;
    z-index:530;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:calc(92px + env(safe-area-inset-top,0px)) var(--pad-x) calc(38px + env(safe-area-inset-bottom,0px));
    background:
      radial-gradient(circle at 80% 15%,rgba(166,173,109,.16),transparent 34%),
      linear-gradient(180deg,rgba(56,60,34,.98),rgba(36,59,20,.98));
    border-top:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .28s ease,visibility .28s ease,transform .28s ease;
    overflow:auto;
  }
  .drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
  .drawer::before{
    content:"";
    position:absolute;
    inset:82px var(--pad-x) auto;
    height:1px;
    background:rgba(255,255,255,.12);
  }
  .drawer-menu,
  .drawer-menu ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    width:min(100%,440px);
  }
  .drawer-menu li{margin:0;padding:0;width:100%;text-align:center;}
  .drawer-menu a,
  .drawer-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:56px;
    padding:13px 20px;
    border:0;
    color:rgba(255,255,255,.84);
    font-size:clamp(18px,5.8vw,29px);
    font-family:var(--serif);
    font-weight:500;
    line-height:1.12;
    letter-spacing:.01em;
    text-align:center;
    transition:color .2s ease,transform .2s ease;
  }
  .drawer-menu a:hover,
  .drawer-menu a:focus-visible{color:#fff;transform:translateY(-1px);outline:0;}
  .drawer-cta{
    width:min(100%,360px);
    min-height:54px;
    margin-top:26px;
    background:var(--gold);
    color:#fff!important;
    font-family:var(--sans);
    font-size:12px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
    border-radius:var(--radius);
    box-shadow:0 16px 40px rgba(0,0,0,.18);
  }
  .drawer-cta:hover,
  .drawer-cta:focus-visible{background:var(--gold-li);color:#fff!important;transform:translateY(-1px);outline:0;}
}

@media(min-width:768px){
  body.tgh-menu-open{overflow:auto;}
}