/* ==========================================================================
   Groei Atelier · atelier.css
   Alle kleuren, fonts en maten komen uit theme.json (var(--wp--preset--…)).
   Dit bestand regelt alleen: blokstijlen, de retro-details en de animaties.
   ========================================================================== */
:root{
  --ga-creme:var(--wp--preset--color--creme,#F5F0E2);
  --ga-papier:var(--wp--preset--color--papier,#EBE3CD);
  --ga-papier-licht:var(--wp--preset--color--papier-licht,#FBF3DC);
  --ga-lijn:var(--wp--preset--color--lijn,#D8CFB6);
  --ga-groen:var(--wp--preset--color--bladgroen,#3E4A2A);
  --ga-nacht:var(--wp--preset--color--nachtgroen,#2F3920);
  --ga-zacht:var(--wp--preset--color--tekst-zacht,#5D6449);
  --ga-salie:var(--wp--preset--color--saliegroen,#7A8A5C);
  --ga-salie-licht:var(--wp--preset--color--salie-licht,#9FB07C);
  --ga-salie-tekst:var(--wp--preset--color--salie-tekst,#5F7044);
  --ga-geel:var(--wp--preset--color--retrogeel,#E9B23B);
  --ga-boter:var(--wp--preset--color--boterbloem,#F4D58A);
  --ga-terra:var(--wp--preset--color--terracotta,#B4622C);
  --ga-rood:var(--wp--preset--color--terracotta-tekst,#9A4F20);
  --ga-serif:var(--wp--preset--font-family--fraunces,Fraunces,Georgia,serif);
  --ga-sans:var(--wp--preset--font-family--nunito,Nunito,system-ui,sans-serif);
  --ga-hand:var(--wp--preset--font-family--caveat,Caveat,cursive);
  --ga-uitgroei:cubic-bezier(.2,.7,.2,1);
  --ga-sectie:clamp(72px,10vw,120px);
}

/* ---------- basis ---------- */
body{position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.08;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wp-site-blocks{position:relative;z-index:1}
:where(h1,h2,h3,h4) em{color:var(--ga-salie-tekst)}
:where(.has-bladgroen-background-color,.has-nachtgroen-background-color) :where(h1,h2,h3,h4) em{color:var(--ga-geel)}
.ga-sectie{padding-top:var(--ga-sectie);padding-bottom:var(--ga-sectie)}
.ga-sectie + .ga-sectie{padding-top:calc(var(--ga-sectie) * .6)}
.ga-onder{align-items:flex-end !important;margin-bottom:48px}
.ga-midden{align-items:center !important}
.has-drop-cap:not(:focus)::first-letter{font-family:var(--ga-serif);color:var(--ga-rood);font-size:4.4em;line-height:.8;padding:.08em .12em 0 0;font-weight:400}

/* ---------- streeprand, kopbalk, woordmerk ---------- */
.ga-strepen{display:flex;height:10px}
.ga-strepen span{flex:1}
.ga-strepen span:nth-child(1){background:var(--ga-geel)}.ga-strepen span:nth-child(2){background:var(--ga-terra)}.ga-strepen span:nth-child(3){background:var(--ga-salie-licht)}.ga-strepen span:nth-child(4){background:var(--ga-groen)}
.ga-kop{position:relative;z-index:6;background:var(--ga-creme);border-bottom:1px solid var(--ga-lijn)}
.ga-kopbalk{padding-top:20px;padding-bottom:20px;align-items:center}
.ga-kopbalk > .ga-woordmerk,.ga-kopbalk > .wp-block-html{flex-shrink:0}
.ga-woordmerk{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ga-groen)}
.ga-woordmerk span{font-family:var(--ga-serif);font-style:italic;font-size:28px;color:var(--ga-salie-tekst)}
.ga-woordmerk b{font-family:var(--ga-sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.ga-nav .wp-block-navigation-item__content{text-decoration:none}
.ga-nav .current-menu-item > .wp-block-navigation-item__content{border-bottom:2px solid var(--ga-geel)}

/* ---------- paragraafstijlen ---------- */
.is-style-label{font-family:var(--ga-sans);font-size:12px !important;line-height:1.35;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ga-zacht)}
.is-style-label a{color:inherit}
.has-background .is-style-label,.is-style-geel-vlak .is-style-label{color:inherit}
.ga-rood.is-style-label{color:var(--ga-rood)}
.is-style-nummer{font-family:var(--ga-serif);font-style:italic;font-size:22px;color:var(--ga-rood);margin:0}
.has-bladgroen-background-color .is-style-nummer{color:var(--ga-geel)}
.is-style-sectiekop{gap:14px !important;margin-bottom:28px}
.is-style-sectiekop > p{margin:0}
.is-style-lede{font-size:var(--wp--preset--font-size--lede);line-height:1.6;max-width:600px}
.is-style-hand{font-family:var(--ga-hand);font-size:34px;line-height:1;color:var(--ga-rood);font-weight:600}
.is-style-statement{font-family:var(--ga-serif);font-weight:300;font-size:var(--wp--preset--font-size--xx-large);line-height:1.1;letter-spacing:-.025em;max-width:1050px}
.is-style-statement em{color:var(--ga-rood)}

/* potloodcorrectie: "Groeien is *weer meer jezelf*~~een betere versie van jezelf~~ worden." */
.is-style-correctie{font-family:var(--ga-serif);font-weight:300;font-size:var(--wp--preset--font-size--xx-large);line-height:1.16;letter-spacing:-.025em;max-width:1050px}
.is-style-correctie s{position:relative;text-decoration:none;transition:color 1s 1s}
.is-style-correctie s::after{content:"";position:absolute;left:-1%;right:-1%;top:56%;height:.06em;min-height:3px;background:var(--ga-terra);border-radius:4px;transform:scaleX(0) rotate(-1.2deg);transform-origin:left center;transition:transform 1.1s .5s cubic-bezier(.6,.1,.3,1)}
.is-style-correctie em{display:inline-block;width:0;white-space:nowrap;position:relative;top:-.95em;left:.6em;font-family:var(--ga-hand);font-style:normal;font-weight:600;font-size:.62em;letter-spacing:0;color:var(--ga-rood);transform:rotate(-3deg) translateY(8px);opacity:0;transition:all 1s 1.6s ease}
.is-style-correctie.is-in s{color:#7f8467}
.is-style-correctie.is-in s::after{transform:scaleX(1) rotate(-1.2deg)}
.is-style-correctie.is-in em{opacity:1;transform:rotate(-3deg)}
.editor-styles-wrapper .is-style-correctie em{opacity:1;transform:rotate(-3deg)}
.editor-styles-wrapper .is-style-correctie s::after{transform:scaleX(1)}

/* kop met zaadje als punt */
.is-style-zaadpunt::after{content:"";display:inline-block;width:.2em;height:.28em;margin-left:.04em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 28'%3E%3Cellipse cx='10' cy='17' rx='6.5' ry='9' transform='rotate(-18 10 17)' fill='%23D9A442' stroke='%233E4A2A' stroke-width='.9'/%3E%3Cpath d='M8 11 C 9 15, 9 19, 11 24' fill='none' stroke='%233E4A2A' stroke-width='.8'/%3E%3C/svg%3E") center/contain no-repeat;animation:ga-val 1.6s 1.1s cubic-bezier(.3,.6,.2,1) both}
h1.is-style-zaadpunt em,.ga-hero h1 em{background-image:linear-gradient(var(--ga-geel),var(--ga-geel));background-repeat:no-repeat;background-size:100% .16em;background-position:0 92%;padding:0 .04em}
@keyframes ga-val{0%{opacity:0;transform:translateY(-1.4em) rotate(-70deg)}55%{opacity:1}80%{transform:translateY(.03em) rotate(6deg)}100%{transform:none}}
.ga-hero h1{animation:ga-rijs 1.4s var(--ga-uitgroei) both}
@keyframes ga-rijs{from{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:none}}

/* ---------- knoppen ---------- */
.wp-block-button__link{transition:background .3s,transform .3s}
.wp-block-button__link:hover{transform:translateY(-1px)}
.wp-block-button.is-style-licht .wp-block-button__link{background:var(--ga-creme);color:var(--ga-groen)}
.wp-block-button.is-style-licht .wp-block-button__link:hover{background:var(--ga-papier)}
.wp-block-button.is-style-geel .wp-block-button__link{background:var(--ga-geel);color:var(--ga-nacht)}
.wp-block-button.is-style-rustig .wp-block-button__link{background:none;color:inherit;padding:6px 0 2px;border-radius:0;border-bottom:1px solid currentColor;font-weight:600;opacity:.85}
.wp-block-button.is-style-rustig .wp-block-button__link:hover{opacity:1;color:var(--ga-rood)}
.has-bladgroen-background-color .is-style-rustig .wp-block-button__link:hover{color:var(--ga-geel)}

/* ---------- scheidingen ---------- */
hr.is-style-golfband{border:0 !important;height:30px !important;max-width:none;width:100%;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 30' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='6' stroke-linecap='round'%3E%3Cpath stroke='%23E9B23B' d='M0 7 C 25 1, 50 13, 75 7 S 125 1, 150 7 S 200 13, 225 7 S 275 1, 300 7'/%3E%3Cpath stroke='%23B4622C' d='M0 15 C 25 9, 50 21, 75 15 S 125 9, 150 15 S 200 21, 225 15 S 275 9, 300 15'/%3E%3Cpath stroke='%239FB07C' d='M0 23 C 25 17, 50 29, 75 23 S 125 17, 150 23 S 200 29, 225 23 S 275 17, 300 23'/%3E%3C/g%3E%3C/svg%3E") repeat-x left center/300px 30px}
hr.is-style-veldgrens{border:0 !important;height:36px !important;max-width:none;width:100%;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 36' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C 160 10, 300 30, 480 18 S 800 8, 960 22 S 1120 28, 1200 14' fill='none' stroke='%233E4A2A' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
hr.is-style-strepen{border:0 !important;height:12px !important;max-width:none;width:100%;opacity:1;background:linear-gradient(90deg,var(--ga-geel) 0 25%,var(--ga-terra) 25% 50%,var(--ga-salie-licht) 50% 75%,var(--ga-groen) 75%)}

/* ---------- groepsstijlen ---------- */
.is-style-papier{background:var(--ga-papier);padding:clamp(28px,4vw,56px) !important;box-shadow:0 2px 10px rgba(62,74,42,.08)}
.is-style-geel-vlak{position:relative;background:var(--ga-boter);overflow:clip}
.is-style-geel-vlak::before{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='%23FBEFC9'%3E%3Cellipse cx='100' cy='46' rx='22' ry='44'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(45 100 100)'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(90 100 100)'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(135 100 100)'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(180 100 100)'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(225 100 100)'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(270 100 100)'/%3E%3Cellipse cx='100' cy='46' rx='22' ry='44' transform='rotate(315 100 100)'/%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='26' fill='%23E9B23B'/%3E%3C/svg%3E") center/contain no-repeat}
.is-style-geel-vlak > *{position:relative;z-index:1}
.ga-kaart.is-style-geel-vlak{padding:30px 28px !important}
.ga-kaart.is-style-geel-vlak::before{width:160px;height:160px;right:-50px;top:-50px}
.is-style-behang{background-color:var(--ga-papier-licht);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='%23E9B23B' fill-opacity='.55'%3E%3Cellipse cx='24' cy='15' rx='5' ry='9'/%3E%3Cellipse cx='24' cy='15' rx='5' ry='9' transform='rotate(60 24 24)'/%3E%3Cellipse cx='24' cy='15' rx='5' ry='9' transform='rotate(120 24 24)'/%3E%3Cellipse cx='24' cy='15' rx='5' ry='9' transform='rotate(180 24 24)'/%3E%3Cellipse cx='24' cy='15' rx='5' ry='9' transform='rotate(240 24 24)'/%3E%3Cellipse cx='24' cy='15' rx='5' ry='9' transform='rotate(300 24 24)'/%3E%3C/g%3E%3Ccircle cx='24' cy='24' r='4' fill='%23B4622C' fill-opacity='.7'/%3E%3Cg fill='%239FB07C' fill-opacity='.45'%3E%3Cellipse cx='72' cy='66' rx='4' ry='7'/%3E%3Cellipse cx='72' cy='66' rx='4' ry='7' transform='rotate(72 72 72)'/%3E%3Cellipse cx='72' cy='66' rx='4' ry='7' transform='rotate(144 72 72)'/%3E%3Cellipse cx='72' cy='66' rx='4' ry='7' transform='rotate(216 72 72)'/%3E%3Cellipse cx='72' cy='66' rx='4' ry='7' transform='rotate(288 72 72)'/%3E%3C/g%3E%3Ccircle cx='72' cy='72' r='3' fill='%23E9B23B'/%3E%3C/svg%3E")}
.is-style-citaat{border-top:1px solid currentColor;padding-top:20px}
.is-style-citaat p:first-child{font-family:var(--ga-serif);font-size:27px;line-height:1.35;font-weight:350}
.is-style-citaat strong,.ga-markeer strong{font-weight:inherit;background-image:linear-gradient(rgba(217,164,66,.55),rgba(217,164,66,.55));background-repeat:no-repeat;background-size:0% 38%;background-position:0 88%;transition:background-size 1.6s 1s cubic-bezier(.6,.1,.3,1)}
.is-in .is-style-citaat strong,.is-style-citaat.is-in strong,.ga-markeer.is-in strong,.editor-styles-wrapper .is-style-citaat strong,.editor-styles-wrapper .ga-markeer strong{background-size:100% 38%}
.is-style-prijskaart{border:1px solid var(--ga-groen);background:var(--ga-creme);padding:32px 40px !important;box-shadow:8px 8px 0 var(--ga-geel);margin-top:var(--ga-sectie) !important;margin-bottom:var(--ga-sectie) !important}
.is-style-prijskaart .wp-block-columns{align-items:center}
.ga-prijs{font-family:var(--ga-serif);font-size:clamp(24px,2.6vw,40px);margin:0}

/* zaadzakje (product) */
.is-style-zaadzakje{position:relative;aspect-ratio:3/4;display:flex !important;flex-direction:column;justify-content:space-between;padding:22px 22px 24px !important;border-radius:2px;transition:transform .6s var(--ga-uitgroei),box-shadow .6s}
.is-style-zaadzakje:not(.has-background){background:var(--ga-papier)}
.is-style-zaadzakje::before{content:"";position:absolute;left:0;right:0;top:46px;border-top:1px dashed currentColor;opacity:.45}
.is-style-zaadzakje::after{content:"";position:absolute;left:16px;right:16px;bottom:14px;height:5px;box-shadow:0 0 0 0 transparent;background:linear-gradient(currentColor,currentColor);opacity:.25}
.is-style-zaadzakje > *{margin:0 !important}
.is-style-zaadzakje .is-style-label{font-size:10px !important;color:inherit}
.is-style-zaadzakje h3{font-size:30px;line-height:1.05;color:inherit}
.ga-nr{font-family:var(--ga-serif);font-style:italic;font-size:15px}
.ga-zakje-beeld{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 0 12px}
.ga-zakje-beeld svg{width:62%;height:auto;overflow:visible}
.ga-zakje-voet{border-top:1px solid currentColor;padding-top:8px !important;margin-bottom:10px !important}
.ga-zakjes .wp-block-column:hover .is-style-zaadzakje{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 18px 30px -18px rgba(62,74,42,.45)}
.ga-zakjes .wp-block-column{background:var(--ga-creme);padding:14px 14px 6px;box-shadow:0 0 0 1px #e3d3a2}
.ga-zakjes h4{margin-top:22px}
.ga-prijsregel{border-top:1px solid var(--ga-lijn);padding-top:12px}
.has-bladgroen-background-color .ink,.has-terracotta-background-color .ink,.has-bladgroen-background-color .ink-thin,.has-terracotta-background-color .ink-thin{stroke:var(--ga-creme)}
.has-bladgroen-background-color .leaf-fill,.has-terracotta-background-color .leaf-fill{stroke:var(--ga-creme);fill:var(--ga-boter);fill-opacity:.55}

/* oogstetiket (ervaring) */
.is-style-oogstetiket{border-radius:22px;padding:12px !important;transition:transform .6s var(--ga-uitgroei)}
.is-style-oogstetiket > *{margin:0}
.is-style-oogstetiket{outline:1.5px dashed currentColor;outline-offset:-14px}
.is-style-oogstetiket .is-style-label{padding:26px 26px 0;color:inherit;font-size:10px !important}
.is-style-oogstetiket .ga-quote{padding:14px 26px;font-family:var(--ga-serif);font-style:italic;font-size:22px;line-height:1.35;min-height:150px}
.is-style-oogstetiket .ga-wie{padding:0 26px 26px;font-size:13px;font-weight:700}
.ga-etiketten .wp-block-column:nth-child(1) .is-style-oogstetiket{transform:rotate(-1.6deg)}
.ga-etiketten .wp-block-column:nth-child(2) .is-style-oogstetiket{transform:rotate(1.2deg)}
.ga-etiketten .wp-block-column:nth-child(3) .is-style-oogstetiket{transform:rotate(-.6deg)}
.ga-etiketten .is-style-oogstetiket:hover{transform:translateY(-6px)}

/* ---------- lijststijlen ---------- */
.is-style-index{list-style:none;padding:0 !important;margin:0;border-top:1px solid var(--ga-groen);counter-reset:ga-i}
.is-style-index > li{counter-increment:ga-i;display:grid;grid-template-columns:64px minmax(0,280px) minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--ga-lijn);transition:padding .4s,background .4s}
.is-style-index > li:hover{padding-left:12px;background:var(--ga-boter)}
.is-style-index > li::before{content:counter(ga-i,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ga-boter);font-family:var(--ga-serif);font-style:italic;font-size:18px}
.is-style-index > li > strong{font-family:var(--ga-serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);line-height:1.1}
.is-style-index > li > strong a{text-decoration:none}
.is-style-index > li > em{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px}
.is-style-index > li > em::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ga-geel);border:1px solid var(--ga-groen)}
.ga-tijdlijn > li{grid-template-columns:64px minmax(0,320px) minmax(0,1fr)}
.ga-tijdlijn > li:last-child{background:var(--ga-boter);padding-left:12px}
.is-style-zaadjes{list-style:none;padding:0 !important;display:flex;flex-direction:column;gap:10px}
.is-style-zaadjes li{padding-left:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cellipse cx='6' cy='8' rx='4' ry='6' transform='rotate(-18 6 8)' fill='%23D9A442' stroke='%233E4A2A' stroke-width='.9'/%3E%3C/svg%3E") 0 .4em/10px 13px no-repeat}
.is-style-kaartje{list-style:none;padding:0 !important;border-top:1px solid var(--ga-groen);font-size:15px}
.is-style-kaartje li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--ga-lijn)}
.is-style-kaartje strong{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-zacht);padding-top:3px}

/* ---------- afbeeldingen ---------- */
.ga-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.ga-foto figcaption,.wp-element-caption{font-size:14px;color:var(--ga-zacht);text-align:left}
.ga-foto figcaption em,.wp-element-caption em{font-family:var(--ga-serif);color:var(--ga-groen);margin-right:6px}
.is-style-boog img{aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 4px 4px;border:6px solid var(--ga-creme);box-shadow:0 0 0 1px var(--ga-groen)}
.ga-hero-beeld{position:relative;padding-top:90px}
.ga-hero-beeld > *{position:relative;z-index:1}
.ga-hero-beeld .ga-zon{position:absolute;right:-40px;top:0;width:112%;z-index:0}
.ga-zon svg{width:100%;height:auto;display:block}
.ga-hero-beeld figcaption{background:var(--ga-creme);padding:8px 10px 0;margin-top:0}
.ga-hoi{position:absolute !important;left:-40px;bottom:60px;transform:rotate(-6deg);background:var(--ga-creme);padding:4px 14px 2px;box-shadow:0 2px 10px rgba(62,74,42,.12);z-index:2 !important}

/* ---------- botanische tekeningen ---------- */
.ink{fill:none;stroke:var(--ga-groen);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.ink-thin{fill:none;stroke:var(--ga-groen);stroke-width:.8;stroke-linecap:round}
.leaf-fill{fill:var(--ga-salie);fill-opacity:.28;stroke:var(--ga-groen);stroke-width:1.1;stroke-linejoin:round}
.petal{fill:#D9A442;stroke:var(--ga-groen);stroke-width:.9}
.seed-fill{fill:#D9A442;stroke:var(--ga-groen);stroke-width:.9}
.heart{fill:var(--ga-rood)}
.glass{fill:#fffbee;fill-opacity:.45;stroke:var(--ga-groen);stroke-width:1}
.glint{fill:none;stroke:#fffbee;stroke-width:2;stroke-linecap:round}

/* ---------- hero ---------- */
.ga-hero{padding-top:48px}
.ga-hero-meta{margin-bottom:32px}
.ga-hero-meta p{margin:0}
.ga-hero-kolommen{align-items:flex-end !important;gap:64px !important}
.ga-hero h1{margin-top:0}
.ga-hero hr.is-style-golfband{margin-top:72px}

/* ---------- herkenning / zaaibak ---------- */
.ga-zaaibak{list-style:none;padding:0 !important;margin:0;border-top:1px solid #c9a24a}
.ga-zaaibak li{border-bottom:1px solid #c9a24a}
.ga-herk{display:flex;align-items:flex-start;gap:20px;width:100%;text-align:left;background:none;border:0;padding:22px 8px 22px 0;cursor:pointer;color:inherit;font:inherit;transition:background .4s}
.ga-herk:hover{background:rgba(255,250,235,.45)}
.ga-herk:focus-visible{outline:2px solid var(--ga-groen);outline-offset:2px}
.ga-herk-tekst{font-family:var(--ga-serif);font-size:clamp(19px,1.8vw,23px);line-height:1.35}
.ga-herk-teken{flex:0 0 28px;height:28px;margin-top:3px;border:1px solid var(--ga-groen);border-radius:50%;background:transparent center/10px 13px no-repeat;transition:background-color .4s}
.ga-herk[aria-pressed="true"] .ga-herk-teken{background-color:var(--ga-groen);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cellipse cx='6' cy='8' rx='4' ry='6' transform='rotate(-18 6 8)' fill='%23E9B23B'/%3E%3C/svg%3E")}
.ga-zaaibak:not(.is-actief) li{padding:18px 0;font-family:var(--ga-serif);font-size:22px}
.ga-tray{display:flex;gap:6px;padding:10px;background:#fbefc9;border:1px solid #c9a24a;width:max-content;max-width:100%;margin-top:40px}
.ga-cel{width:62px;height:72px;background:#e2d7b8;display:block}
.ga-cel svg{width:100%;height:100%;display:block}
.ga-cel .spruit{transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.4s var(--ga-uitgroei)}
.ga-cel .blad,.ga-cel .zaad{opacity:0;transition:opacity .8s .9s}
.ga-cel .zaad{transition-delay:0s}
.ga-cel.is-gezaaid .spruit{transform:none}
.ga-cel.is-gezaaid .blad,.ga-cel.is-gezaaid .zaad{opacity:1}
.ga-antwoorden{list-style:none;padding:0 !important;margin-top:20px}
.ga-antwoorden li{display:none;font-family:var(--ga-serif);font-style:italic;font-size:24px;line-height:1.35;min-height:66px;max-width:440px}
.ga-antwoorden li.is-actief{display:block}
.editor-styles-wrapper .ga-antwoorden li{display:list-item;opacity:.7}
.editor-styles-wrapper .ga-antwoorden li:first-child{opacity:1}

/* ---------- buiten coachen ---------- */
.ga-waarom{margin-top:64px;border-top:1px solid var(--ga-groen);padding-top:20px}
.ga-waarom svg{width:44px;height:44px;display:block}
.ga-waarom h3{font-size:26px;margin-top:14px}
.ga-waarom p{font-size:15px}
.ga-zonnetje::after{content:"";position:absolute;right:-60px;bottom:-110px;width:440px;height:242px;pointer-events:none;z-index:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220'%3E%3Cpath d='M0 220 A200 200 0 0 1 400 220 Z' fill='%23E9B23B'/%3E%3Cpath d='M40 220 A160 160 0 0 1 360 220 Z' fill='%23FBEFC9'/%3E%3Cpath d='M80 220 A120 120 0 0 1 320 220 Z' fill='%23E9B23B'/%3E%3Cpath d='M120 220 A80 80 0 0 1 280 220 Z' fill='%23B4622C'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- groeiseizoen ---------- */
.ga-seizoen{position:relative}
.ga-seizoenlijn{display:block;width:100%;height:40px;margin-bottom:-42px;position:relative;z-index:0;overflow:visible}
.season-path{fill:none;stroke:var(--ga-groen);stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s .2s cubic-bezier(.5,.1,.3,1)}
.ga-seizoen.is-in .season-path,.editor-styles-wrapper .season-path{stroke-dashoffset:0}
.is-style-seizoen{gap:24px !important;position:relative;z-index:1}
.is-style-seizoen > .wp-block-column{text-align:center;display:flex;flex-direction:column;align-items:center}
.is-style-seizoen > .wp-block-column > p:last-child{text-align:left;font-size:15px}
.ga-stapnr{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ga-serif);font-style:italic;font-size:18px;border:1px solid var(--ga-groen);margin:0 auto 0 !important;background:var(--ga-boter)}
.is-style-seizoen > .wp-block-column:nth-child(2) .ga-stapnr{background:var(--ga-papier-licht)}
.is-style-seizoen > .wp-block-column:nth-child(3) .ga-stapnr{background:var(--ga-salie-licht)}
.is-style-seizoen > .wp-block-column:nth-child(4) .ga-stapnr{background:var(--ga-terra);color:var(--ga-creme);border-color:var(--ga-terra)}
.is-style-seizoen > .wp-block-column:nth-child(5) .ga-stapnr{background:var(--ga-geel)}
.is-style-seizoen h3{font-size:28px;margin-top:16px}
.is-style-seizoen .is-style-label{color:var(--ga-rood);margin-top:4px}
.ga-stapbeeld{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ga-stapbeeld svg{width:62%;height:auto;overflow:visible}
.ga-geel{background:var(--ga-boter)}.ga-papier{background:var(--ga-papier)}.ga-salie{background:#c9d0a8}.ga-terra{background:#e8c3a2}.ga-oker{background:var(--ga-geel)}
.ga-seizoen.is-in .ga-stapnr{animation:ga-pop .8s var(--ga-uitgroei) both}
.ga-seizoen.is-in .wp-block-column:nth-child(2) .ga-stapnr{animation-delay:.5s}.ga-seizoen.is-in .wp-block-column:nth-child(3) .ga-stapnr{animation-delay:1s}.ga-seizoen.is-in .wp-block-column:nth-child(4) .ga-stapnr{animation-delay:1.5s}.ga-seizoen.is-in .wp-block-column:nth-child(5) .ga-stapnr{animation-delay:2s}
@keyframes ga-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.ga-stappen{border-top:1px solid var(--ga-groen);border-bottom:1px solid var(--ga-groen);margin-top:32px;gap:0 !important}
.ga-stappen > .wp-block-column{padding:20px 18px 22px 0;border-right:1px dashed #b9ae8c}
.ga-stappen > .wp-block-column:last-child{border-right:0}
.ga-stappen .ga-stapnr{margin:0 !important}
.ga-stappen h3{font-size:22px;margin-top:12px}
.ga-stappen p:last-child{font-size:14px;color:var(--ga-zacht)}

/* ---------- plaat met vier voorwaarden ---------- */
.ga-plaat{gap:40px !important;margin-top:56px;align-items:stretch !important}
.ga-plaat > .wp-block-column:not(:nth-child(2)){display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:20px 0}
.plaat-thema{transition:opacity .5s;cursor:default}
.plaat-thema > *{margin:0}
.plaat-thema h3{font-size:40px;line-height:1.05;margin-top:10px}
.plaat-thema .is-style-label{margin:10px 0 12px}
.ga-themanr{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--ga-serif);font-style:italic;font-size:16px;background:var(--ga-geel)}
.plaat-2 .ga-themanr,.ga-bouwstenen .wp-block-column:nth-child(2) .ga-themanr{background:var(--ga-terra);color:var(--ga-creme)}
.plaat-3 .ga-themanr,.ga-bouwstenen .wp-block-column:nth-child(3) .ga-themanr{background:var(--ga-salie-licht)}
.plaat-4 .ga-themanr,.ga-bouwstenen .wp-block-column:nth-child(4) .ga-themanr{background:var(--ga-boter);border:1px solid var(--ga-groen)}
.ga-plaat-lijst{margin:0;background:var(--ga-geel);padding:14px}
.ga-plaat-lijst > div{background:var(--ga-creme);border:1px solid var(--ga-groen);padding:18px 18px 14px}
.ga-plaat-top{display:flex;justify-content:space-between;font-family:var(--ga-serif);font-style:italic;font-size:14px;color:var(--ga-zacht);margin:0 0 6px}
.ga-plaat-onder{text-align:center;font-family:var(--ga-serif);font-style:italic;font-size:15px;color:var(--ga-zacht);margin:6px 0 0}
.ga-plaat-svg{width:100%;height:auto;display:block}
.part{transition:opacity .5s}
.lead{fill:none;stroke:var(--ga-groen);stroke-width:.7;stroke-dasharray:3 3;transition:stroke .4s}
.lead-dot{fill:var(--ga-groen)}
.plate-num{font-family:var(--ga-serif);font-style:italic;font-size:15px;fill:var(--ga-rood)}
.space-ring{fill:none;stroke:var(--ga-salie-tekst);stroke-width:1;stroke-dasharray:2 4}
.ga-plaat:is([data-active="1"],[data-active="2"],[data-active="3"],[data-active="4"]) .part{opacity:.28}
.ga-plaat:is([data-active="1"],[data-active="2"],[data-active="3"],[data-active="4"]) .plaat-thema{opacity:.4}
.ga-plaat[data-active="1"] :is(.p1,.plaat-1),.ga-plaat[data-active="2"] :is(.p2,.plaat-2),.ga-plaat[data-active="3"] :is(.p3,.plaat-3),.ga-plaat[data-active="4"] :is(.p4,.plaat-4){opacity:1}
.ga-plaat[data-active="1"] .lead-1,.ga-plaat[data-active="2"] .lead-2,.ga-plaat[data-active="3"] .lead-3,.ga-plaat[data-active="4"] .lead-4{stroke:var(--ga-terra);stroke-width:1.4;stroke-dasharray:none}

/* ---------- over / overlap ---------- */
.ga-overlap{align-items:flex-end !important}
.ga-overlap > .wp-block-column:last-child{margin-left:-8%;margin-bottom:-60px;position:relative;z-index:2}
.ga-longread{columns:2;column-gap:64px}
.ga-longread p{break-inside:avoid-column;margin:0 0 18px}
.ga-bouwstenen{border-top:1px solid var(--ga-groen);padding-top:18px;margin-top:40px}
.ga-bouwstenen h4{margin-top:12px}
.ga-bouwstenen p:last-child{font-size:15px;color:var(--ga-zacht)}

/* ---------- coaching ---------- */
.ga-paginakop{padding-top:56px;padding-bottom:24px}
.ga-kruimel{font-size:13px;color:var(--ga-zacht);margin-bottom:6px}
.ga-kruimel a{color:inherit}
h1.is-pagina{font-size:clamp(48px,5.6vw,92px);line-height:1;margin-top:18px}
.ga-kiezer{margin-top:24px !important}
.ga-keuze{min-height:150px;padding:22px 22px 18px !important;border:1px solid var(--ga-groen);background:var(--ga-creme);display:flex !important;flex-direction:column;justify-content:space-between;transition:transform .5s var(--ga-uitgroei),background .4s}
.ga-keuze:hover{transform:translateY(-4px);background:var(--ga-boter)}
.ga-keuze .ga-quote{font-family:var(--ga-serif);font-size:22px;line-height:1.3;margin:0}
.ga-keuze .is-style-label{color:var(--ga-rood);margin:0}
.ga-keuze .is-style-label a{text-decoration:none}
.ga-aanbod{padding:96px 0;border-top:1px solid var(--ga-groen);gap:72px !important;align-items:flex-start !important}
.ga-illu{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ga-illu svg{width:56%;height:auto;overflow:visible}
.ga-illu.ga-papier svg{width:84%}
.ga-meta{border-top:1px solid var(--ga-groen);margin-top:28px;gap:12px !important}
.ga-meta p{margin:0}
.ga-meta .is-style-label{padding-top:12px;font-size:11px !important}
.ga-meta-waarde{font-family:var(--ga-serif);font-size:19px}
.ga-sessie{list-style:none;padding:0 !important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;counter-reset:ga-s;margin-top:40px}
.ga-sessie li{counter-increment:ga-s;border-top:1px solid var(--ga-groen);padding-top:16px;font-size:15px}
.ga-sessie li::before{content:"0" counter(ga-s);display:block;font-family:var(--ga-serif);font-style:italic;font-size:20px;color:var(--ga-rood)}
.ga-sessie strong{display:block;font-family:var(--ga-serif);font-weight:400;font-size:24px;line-height:1.15;margin:8px 0}

/* ---------- uitnodiging ---------- */
.ga-cta{position:relative;overflow:clip;padding-top:var(--ga-sectie);padding-bottom:var(--ga-sectie)}
.ga-cta h2{font-weight:300;font-size:clamp(44px,4.8vw,76px)}
.ga-cta .is-style-lede{color:var(--ga-papier)}
.ga-bloem{position:relative;max-width:380px;margin:0 auto}
.ga-bloem .ga-zon-svg{position:absolute;left:50%;bottom:-140px;width:160%;transform:translateX(-50%);z-index:0}
.ga-bloem-svg{position:relative;z-index:1;width:100%;height:auto;overflow:visible}
.ga-cta .ink{stroke:var(--ga-papier)}
.ga-cta .leaf-fill{stroke:var(--ga-papier);fill:var(--ga-salie-licht);fill-opacity:.3}
.ga-cta .petal{stroke:var(--ga-groen);fill:#e2b45a}
.cta-stem{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.5,.1,.3,1)}
.cta-leaf{opacity:0;transition:opacity 1s 1.4s}
.cta-bloom{transform:scale(.1) rotate(-60deg);transform-box:view-box;transform-origin:210px 150px;transition:transform 2.2s 1.6s cubic-bezier(.2,.8,.2,1)}
.ga-cta.is-in .cta-stem,.editor-styles-wrapper .cta-stem{stroke-dashoffset:0}
.ga-cta.is-in .cta-leaf,.editor-styles-wrapper .cta-leaf{opacity:1}
.ga-cta.is-in .cta-bloom,.editor-styles-wrapper .cta-bloom{transform:none}

/* ---------- vragen ---------- */
.ga-faq{border-top:1px solid var(--ga-groen)}
.ga-faq .wp-block-details{border-bottom:1px solid #c9a24a;margin:0 !important}
.ga-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-family:var(--ga-serif);font-size:23px;line-height:1.3;min-height:44px}
.ga-faq summary::-webkit-details-marker{display:none}
.ga-faq summary::after{content:"+";flex:0 0 36px;height:36px;border-radius:50%;background:#fbefc9;border:1px solid var(--ga-groen);display:flex;align-items:center;justify-content:center;font-family:var(--ga-sans);font-size:22px;transition:transform .4s}
.ga-faq details[open] summary::after{transform:rotate(45deg);background:var(--ga-geel)}
.ga-faq details p{padding:0 60px 22px 0;margin:0}

/* ---------- contact ---------- */
.ga-formulier{background:var(--ga-papier-licht);border:1px dashed #b9ae8c;padding:28px !important}
.ga-formulier :is(input[type=text],input[type=email],input[type=tel],textarea,select){width:100%;font:inherit;font-size:17px;color:var(--ga-groen);background:#fbf8ee;border:0;border-bottom:1.5px solid var(--ga-groen);border-radius:0;padding:12px;min-height:48px}
.ga-formulier textarea{min-height:140px}
.ga-formulier :is(input,textarea,select):focus{outline:2px solid var(--ga-geel);outline-offset:2px}
.ga-formulier label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.ga-formulier :is(button[type=submit],input[type=submit]){background:var(--ga-groen);color:var(--ga-creme);border:0;border-radius:999px;padding:14px 26px;font:700 15px/1.3 var(--ga-sans);cursor:pointer;min-height:48px}
.ga-formulier :is(input[type=radio],input[type=checkbox]){accent-color:var(--ga-groen);width:18px;height:18px}
.ga-daarna{list-style:none;padding:0 !important;counter-reset:ga-d;display:flex;flex-direction:column;gap:16px}
.ga-daarna li{counter-increment:ga-d;display:grid;grid-template-columns:40px 1fr;gap:12px}
.ga-daarna li::before{content:counter(ga-d);width:36px;height:36px;border-radius:50%;background:var(--ga-creme);border:1px solid var(--ga-groen);display:flex;align-items:center;justify-content:center;font-family:var(--ga-serif);font-style:italic}

/* ---------- systeem (bedankt, 404) en juridisch ---------- */
.ga-systeem{min-height:60vh}
.ga-systeem svg{width:100%;height:auto;overflow:visible}
.ga-groei-in svg path,.ga-groei-in svg ellipse{transition:opacity 1.2s}
.ga-inhoud{position:sticky;top:24px;border-top:1px solid var(--ga-groen);padding-top:14px}
.ga-inhoud ol{font-size:14px;padding-left:20px}
.ga-juridisch-tekst{max-width:700px}
.ga-juridisch-tekst h2{font-size:30px;margin-top:48px}
.ga-notitie{background:var(--ga-papier-licht);border-top:3px solid var(--ga-geel);padding:16px 18px;font-size:14px}

/* ---------- voettekst ---------- */
.ga-voet{padding-top:64px;padding-bottom:28px}
.ga-voet a{color:inherit;text-decoration:none}
.ga-voet a:hover{color:var(--ga-geel)}
.ga-voet .ga-woordmerk span{color:var(--ga-geel)}
.ga-voet .ga-woordmerk b{color:var(--ga-papier)}
.ga-voet .is-style-label{color:#c9c2aa}
.ga-voet ul{list-style:none;padding:0 !important;display:flex;flex-direction:column;gap:8px;font-size:15px}
.ga-voet-onder{margin-top:40px !important;padding-top:20px;border-top:1px solid #4a5634;font-size:13px;color:#c9c2aa}
.ga-voet-onder p{margin:0}

/* ---------- reveal ---------- */
.ga-reveal{}

/* ---------- groeistrook (linkermarge, vanaf 1280px) ---------- */
.ga-rail{display:none}
@media (min-width:1280px){
  .met-groeistrook{margin-left:132px}
  body:has(.met-groeistrook) .ga-kop{padding-left:calc(132px + var(--wp--style--root--padding-left)) !important}
  .ga-rail{display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;left:10px;top:150px;width:112px;z-index:5;transition:opacity .8s}
  .ga-rail.is-klaar{opacity:0}
  .ga-rail::after{content:"";position:fixed;left:132px;top:0;bottom:0;border-left:1px solid var(--ga-lijn);z-index:-1}
}
.rail-svg{width:112px;height:auto;display:block;overflow:visible}
.ga-rail-fig{font-family:var(--ga-serif);font-style:italic;font-size:14px;color:var(--ga-zacht);text-align:center;line-height:1.3;margin:0}
.ga-rail-fig b{display:block;font-style:normal;font-family:var(--ga-sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.ga-rail .stem{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s linear}
.ga-rail .root{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s ease}
.ga-rail.s-root .root{stroke-dashoffset:0}
.ga-rail .leaf{opacity:0;transform:scale(.25) rotate(-10deg);transform-box:view-box;transition:opacity .9s ease,transform 1.3s var(--ga-uitgroei)}
.leaf-1{transform-origin:61px 410px}.leaf-2{transform-origin:60px 350px}.leaf-3{transform-origin:58px 290px}.leaf-4{transform-origin:61px 226px}
.ga-rail.s-l1 .leaf-1,.ga-rail.s-l2 .leaf-2,.ga-rail.s-l3 .leaf-3,.ga-rail.s-l4 .leaf-4{opacity:1;transform:none}
.ga-rail .bud{opacity:0;transform:scale(.3);transform-box:view-box;transform-origin:60px 138px;transition:all 1.2s var(--ga-uitgroei)}
.ga-rail.s-bud .bud{opacity:1;transform:none}
.ga-rail .bloom{transform:scale(0) rotate(-40deg);transform-box:view-box;transform-origin:60px 112px;transition:transform 2s cubic-bezier(.2,.8,.2,1)}
.ga-rail.s-bloom .bloom{transform:none}
.ga-rail .rail-sun{opacity:0;transition:opacity 1.6s 1s}
.ga-rail.s-bloom .rail-sun{opacity:1}
.ga-rail .cloche{opacity:0;transform:translateY(-34px);transform-box:view-box;transition:opacity .9s,transform 1.2s var(--ga-uitgroei)}
.ga-rail.s-glass .cloche{opacity:1;transform:none}
.ga-rail .prune,.ga-rail .feed{opacity:0;transition:opacity 1s .2s}
.ga-rail.s-prune .prune,.ga-rail.s-prune .feed{opacity:1}
.ga-rail .harvest{opacity:0;transform:translateY(-14px);transform-box:view-box;transition:opacity 1s 1.4s,transform 1.6s 1.4s}
.ga-rail.s-bloom .harvest{opacity:1;transform:none}
.editor-styles-wrapper .ga-rail{display:none}

/* ---------- mobiel ---------- */
@media (max-width:781px){
  .ga-hero-beeld{padding-top:60px}
  .ga-hoi{left:12px}
  .ga-overlap > .wp-block-column:last-child{margin:-48px 12px 0}
  .is-style-index > li{grid-template-columns:44px 1fr;row-gap:6px}
  .is-style-index > li > em{grid-column:2}
  .ga-longread{columns:1}
  .ga-sessie{grid-template-columns:1fr}
  .ga-seizoenlijn{display:none}
  .is-style-seizoen > .wp-block-column{align-items:flex-start;text-align:left}
  .ga-stappen > .wp-block-column{border-right:0;border-bottom:1px dashed #b9ae8c}
  .ga-inhoud{position:static}
  .is-style-prijskaart{padding:24px !important}
  .ga-plaat > .wp-block-column:nth-child(2){order:-1}
}

/* ---------- minder beweging ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .ga-rail .stem{stroke-dashoffset:0 !important}
}

/* ---------- zonder JavaScript: toon direct de eindstand ---------- */
html:not(.ga-js) .is-style-correctie s{color:#7f8467}
html:not(.ga-js) .is-style-correctie s::after{transform:scaleX(1) rotate(-1.2deg)}
html:not(.ga-js) .is-style-correctie em{opacity:1;transform:rotate(-3deg)}
html:not(.ga-js) :is(.is-style-citaat,.ga-markeer) strong{background-size:100% 38%}
html:not(.ga-js) .season-path,html:not(.ga-js) .cta-stem{stroke-dashoffset:0}
html:not(.ga-js) .cta-leaf{opacity:1}
html:not(.ga-js) .cta-bloom{transform:none}
html:not(.ga-js) .ga-antwoorden{display:none}

/* ==========================================================================
   v2 · nieuwe onderdelen (doelgroepen, plekken, tarieven, foto's, aanmelden …)
   ========================================================================== */

/* ---------- rasters van gewone groepen ---------- */
.ga-raster{display:grid !important;gap:24px;margin-top:40px}
.ga-raster > *{margin:0 !important}
.ga-raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ga-raster-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ga-rondje{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--ga-serif);font-style:italic;font-size:16px;background:var(--ga-boter);border:1px solid var(--ga-groen);margin:0 !important}
.ga-twee{gap:64px !important;margin-top:32px}
.ga-kop-middel{font-size:clamp(28px,3vw,44px)}
.ga-smal{max-width:620px}
.is-style-statement.ga-middel{font-size:clamp(32px,3.4vw,52px);line-height:1.2;letter-spacing:-.015em;max-width:980px}
.is-style-statement.ga-klein{font-size:clamp(28px,3vw,44px);line-height:1.25;letter-spacing:-.01em}
.ga-paginakop-kolommen{align-items:flex-end !important;gap:72px !important}
.ga-paginakop-solo{max-width:980px}
.ga-paginakop hr.is-style-golfband{margin-top:72px}
.ga-gelijk{font-family:var(--ga-serif);font-style:italic;font-size:24px;color:var(--ga-rood);margin-top:20px}

/* ---------- doelgroepkaarten (home) ---------- */
.ga-doelkaart{position:relative;display:flex !important;flex-direction:column;gap:12px;min-height:260px;padding:26px 24px 22px !important;border:1px solid var(--ga-groen);background:var(--ga-creme);transition:transform .5s var(--ga-uitgroei),box-shadow .5s}
.ga-doelkaart > *{margin:0 !important}
.ga-doelkaart h3{font-size:30px;line-height:1.1}
.ga-doelkaart h3 a{text-decoration:none}
.ga-doelkaart h3 a::after{content:"";position:absolute;inset:0}
.ga-doelkaart:hover,.ga-doelkaart:focus-within{transform:translateY(-6px);box-shadow:8px 8px 0 var(--ga-geel)}
.ga-doelkaart h3 a:focus-visible{outline:none}
.ga-doelkaart:focus-within{outline:2px solid var(--ga-groen);outline-offset:3px}
.ga-pijl{margin-top:auto !important;color:var(--ga-groen) !important}
.ga-doelkaart:nth-child(2) .ga-rondje{background:var(--ga-salie-licht)}
.is-zacht.ga-doelkaart,.is-zacht.ga-hulpkaart,.is-zacht.ga-plek{border-style:dashed;border-color:#b9ae8c;background:transparent}
.ga-doelkaart.is-zacht .ga-rondje{background:transparent}

/* ---------- chips (labels) ---------- */
.ga-vragen{margin-top:28px;gap:10px !important}
.ga-vragen > p{margin:0 8px 0 0}
.is-style-chips{list-style:none;padding:0 !important;margin:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.is-style-chips li{padding:8px 16px;border-radius:999px;border:1px solid var(--ga-groen);font-weight:600;font-size:15px;line-height:1.3;background:var(--ga-creme)}
.is-style-chips li:nth-child(4n+1){background:var(--ga-boter)}
.is-style-chips li:nth-child(4n+3){background:#c9d0a8}
.is-style-chips li:has(> a:only-child){border:0;background:none;padding-left:6px;font-weight:700;font-size:14px}
.ga-waarden{margin-top:22px}
.ga-waarden li:nth-child(3n+1){background:var(--ga-boter)}.ga-waarden li:nth-child(3n+2){background:var(--ga-papier)}.ga-waarden li:nth-child(3n){background:#c9d0a8}

/* ---------- hulpkaarten (voor ouders) ---------- */
.ga-hulpkaart{border:1px solid var(--ga-groen);background:var(--ga-creme);padding:20px 22px 18px !important;display:flex !important;flex-direction:column;gap:8px}
.ga-hulpkaart > *{margin:0 !important}
.ga-hulpkaart h3{font-size:24px;line-height:1.15}
.ga-hulpkaart p:last-child{font-size:15px;color:var(--ga-zacht)}
.ga-hulpkaarten .ga-hulpkaart:nth-child(2) .ga-rondje{background:var(--ga-terra);color:var(--ga-creme);border-color:var(--ga-terra)}
.ga-hulpkaarten .ga-hulpkaart:nth-child(3) .ga-rondje{background:var(--ga-salie-licht)}
.ga-hulpkaarten .ga-hulpkaart:nth-child(4) .ga-rondje{background:var(--ga-papier)}
.ga-hulpkaarten .ga-hulpkaart:nth-child(5) .ga-rondje{background:var(--ga-geel)}
.ga-hulpkaarten .is-zacht .ga-rondje{background:transparent}

/* ---------- plekken ---------- */
.ga-plekken{margin-top:56px}
.ga-plek{border-top:2px solid var(--ga-groen);padding-top:16px}
.ga-plek > *{margin:0 !important}
.ga-plek h3{font-size:24px;margin-bottom:6px !important}
.ga-plek p{font-size:15px}
.ga-plek.is-zacht{border-top-style:dashed}
.ga-redenen h3{font-size:26px;margin-bottom:8px !important}
.ga-redenen p{font-size:15px;margin:0}
.ga-reden{border-top:1px solid var(--ga-groen);padding-top:16px}

/* ---------- icoontjes, activiteiten, grenzen ---------- */
.ga-icoon svg{width:64px;height:64px;display:block}
.ga-notitie-rij{border-top:1px solid #c9a24a;padding-top:24px;max-width:760px;margin-top:40px !important;gap:20px !important}
.ga-activiteit{border-top:1px solid var(--ga-groen);padding-top:16px}
.ga-activiteit > *{margin:0 !important}
.ga-activiteit h3{font-size:24px;margin:10px 0 6px !important}
.ga-activiteit p{font-size:15px}
.ga-grens{display:grid !important;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;background:var(--ga-papier-licht);border-top:3px solid var(--ga-terra);padding:28px 30px !important;margin-top:40px}
.ga-grens > *{margin:0 !important}
.ga-grens .ga-icoon svg{width:52px;height:52px}
.ga-grens p{margin:0 0 6px}

/* ---------- groeiseizoen met foto's ---------- */
.ga-stapbeeld{position:relative;width:100%;aspect-ratio:3/4;margin-top:20px !important;overflow:hidden;display:block !important}
.ga-stapbeeld > *{margin:0 !important}
.ga-stapbeeld .ga-stapfoto,.ga-stapbeeld .ga-stapfoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.ga-stapbeeld .ga-stapbadge{position:absolute;z-index:1;right:10px;bottom:10px;width:64px;height:76px;padding:6px;background:inherit;border-radius:12px;box-shadow:0 0 0 1px var(--ga-groen)}
.ga-stapbeeld .ga-stapbadge svg{width:100%;height:100%;overflow:visible;display:block}

/* ---------- voorwaarden (werkwijze) ---------- */
.ga-voorwaarden{list-style:none;padding:0 !important;margin:36px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ga-groen);counter-reset:ga-v}
.ga-voorwaarden li{counter-increment:ga-v;padding:20px 18px 0 0;border-right:1px dashed #b9ae8c;font-size:15px}
.ga-voorwaarden li:last-child{border-right:0}
.ga-voorwaarden li::before{content:counter(ga-v);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--ga-serif);font-style:italic;font-size:16px;background:var(--ga-creme);border:1px solid var(--ga-groen)}
.ga-voorwaarden strong{display:block;font-family:var(--ga-serif);font-weight:400;font-size:30px;margin:10px 0 6px}

/* ---------- tarieven ---------- */
.ga-tarief{border:1px solid var(--ga-groen);background:var(--ga-creme);padding:26px 26px 24px !important;display:flex !important;flex-direction:column;gap:10px}
.ga-tarief > *{margin:0 !important}
.ga-tarief.is-uitgelicht{background:var(--ga-boter);box-shadow:8px 8px 0 var(--ga-groen)}
.ga-tarief h3{font-size:28px;line-height:1.1}
.ga-bedrag{font-family:var(--ga-serif);font-size:36px;line-height:1.1;margin-top:auto !important;padding-top:14px;border-top:1px solid var(--ga-groen)}
.ga-bedrag-sub{font-size:13px;color:var(--ga-zacht)}

/* ---------- over mij: citaatstrook en fotostrook ---------- */
.ga-citaatstrook{margin-top:56px !important;padding:56px clamp(24px,5vw,72px) !important}
.ga-citaatstrook .wp-block-columns{gap:64px !important}
.ga-citaat-groot{font-family:var(--ga-serif);font-weight:300;font-size:clamp(26px,2.6vw,38px);line-height:1.25}
.ga-citaatstrook .is-style-label{color:var(--ga-boter)}
.ga-fotostrook{gap:24px !important;align-items:flex-start !important}
.ga-fotostrook > .wp-block-column:nth-child(2){margin-top:56px}
.ga-foto-strook{position:relative;margin:0}
.ga-foto-strook img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.ga-foto-strook figcaption{position:absolute;left:12px;bottom:12px;margin:0;background:var(--ga-creme);padding:4px 10px;font-size:13px;color:var(--ga-zacht)}
.ga-foto-vierkant img{aspect-ratio:1/1}

/* ---------- aanmelden (nieuwsbrief) ---------- */
.ga-aanmelden .ga-nieuwsbrief-veld{background:rgba(245,240,226,.08);border-color:var(--ga-salie-licht);color:var(--ga-creme);margin-top:28px;font-size:15px}
.ga-aanmelden :is(input[type=email],input[type=text]){background:transparent;color:var(--ga-creme);border-bottom-color:var(--ga-salie-licht)}
.ga-aanmelden :is(button[type=submit],input[type=submit]){background:var(--ga-geel);color:var(--ga-nacht)}
.ga-pakje{width:260px;max-width:100%;aspect-ratio:3/4;margin:0 auto;background:var(--ga-geel);color:var(--ga-groen);padding:18px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--ga-nacht)}
.ga-pakje small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.ga-pakje b{display:block;font-family:var(--ga-serif);font-weight:400;font-size:30px;line-height:1.05}
.ga-pakje-beeld{display:flex;justify-content:center}
.ga-pakje-beeld svg{width:55%;height:auto;overflow:visible}
.ga-pakje .ink{stroke:var(--ga-groen)}

/* ---------- agenda ---------- */
.ga-agenda{border-top:1px solid var(--ga-groen);margin-top:40px}
.ga-agendaregel{display:grid !important;grid-template-columns:120px minmax(0,1fr) 220px auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--ga-lijn)}
.ga-agendaregel > *{margin:0 !important}
.ga-agendaregel h3{font-size:26px;margin:0 0 4px}
.ga-agendaregel p{margin:0}
.ga-datum-dag{font-family:var(--ga-serif);font-size:30px;line-height:1}
.ga-datum .is-style-label{margin-top:6px}
.ga-agenda + .ga-notitie{margin-top:28px !important}

/* ---------- blog ---------- */
.ga-berichtenraster{gap:28px !important}
.ga-bericht-beeld img{object-fit:cover;width:100%}
.ga-bericht-beeld:empty,.ga-bericht-beeld:not(:has(img)){aspect-ratio:4/3;background:var(--ga-papier)}
.ga-berichtenraster .is-style-label{margin:14px 0 0}
.ga-berichtenraster .is-style-label a{text-decoration:none}
.ga-bericht-titel{font-size:24px;line-height:1.2;margin:8px 0}
.ga-bericht-titel a{text-decoration:none}
.ga-bericht-titel a:hover{text-decoration:underline;text-decoration-color:var(--ga-geel);text-decoration-thickness:3px}
.ga-berichtenraster .wp-block-post-excerpt{font-size:15px;color:var(--ga-zacht)}
.ga-bericht-kop{padding-bottom:40px}
.ga-berichten .wp-block-query-pagination{margin-top:48px}

/* ---------- knop: pil ---------- */
.wp-block-button.is-style-pil .wp-block-button__link{background:transparent;color:var(--ga-groen);border:1px solid var(--ga-groen);padding:10px 18px;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.wp-block-button.is-style-pil .wp-block-button__link:hover{background:var(--ga-boter)}

/* ---------- navigatie: Meer-submenu ---------- */
.ga-nav .wp-block-navigation__submenu-container{background:var(--ga-creme) !important;color:var(--ga-groen) !important;border:1px solid var(--ga-groen) !important;box-shadow:6px 6px 0 var(--ga-geel);padding:8px 0;min-width:230px !important}
.ga-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:10px 18px;font-weight:600}
.ga-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--ga-boter)}
.ga-nav .wp-block-navigation-item__content{font-weight:600;font-size:15px}
.ga-nav .current-menu-item > .wp-block-navigation-item__content,.ga-nav [aria-current="page"]{border-bottom:2px solid var(--ga-geel)}
.ga-voet-intro{margin-top:16px;max-width:320px;font-size:15px;color:#c9c2aa}

/* ---------- v2 responsief ---------- */
@media (max-width:1100px){
  .ga-raster-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ga-voorwaarden{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
  .ga-agendaregel{grid-template-columns:100px minmax(0,1fr) auto}
  .ga-agendaregel > .is-style-label{grid-column:2}
}
@media (max-width:781px){
  .ga-raster-3,.ga-raster-4{grid-template-columns:minmax(0,1fr)}
  .ga-raster{gap:16px}
  .ga-doelkaart{min-height:0}
  .ga-voorwaarden{grid-template-columns:minmax(0,1fr)}
  .ga-voorwaarden li{border-right:0;border-bottom:1px dashed #b9ae8c;padding-bottom:16px}
  .ga-agendaregel{grid-template-columns:minmax(0,1fr);gap:10px}
  .ga-agendaregel > .is-style-label{grid-column:auto}
  .ga-fotostrook > .wp-block-column:nth-child(2){margin-top:0}
  .ga-paginakop-kolommen{gap:32px !important}
  .ga-twee{gap:0 !important}
  .ga-grens{grid-template-columns:minmax(0,1fr);padding:22px 20px !important}
  .ga-citaatstrook .wp-block-columns{gap:32px !important}
  .ga-pakje{width:200px;margin-top:24px}
  .ga-tarief.is-uitgelicht{box-shadow:6px 6px 0 var(--ga-groen)}
}

/* >>> foto-uitsneden (gegenereerd door build/patterns2.py) */
.ga-foto-tractor img{object-position:57% 50%}
.ga-foto-kleed-mand img{object-position:50% 62%}
.ga-foto-kleed-glimlach img{object-position:50% 52%}
.ga-foto-zaaien img{object-position:58% 45%}
.ga-foto-onder-glas img{object-position:30% 50%}
.ga-foto-groeien img{object-position:45% 50%}
.ga-foto-snoeien img{object-position:45% 50%}
.ga-foto-oogsten img{object-position:60% 50%}
.ga-foto-strandje img{object-position:50% 64%}
.ga-foto-rugzak img{object-position:50% 45%}
.ga-foto-pottenkast-schouder img{object-position:18% 40%}
.ga-foto-planten img{object-position:50% 30%}
.ga-foto-tractor-stuur img{object-position:50% 40%}
.ga-foto-tuinpad img{object-position:50% 50%}
.ga-foto-tuinpad-hero img{object-position:50% 55%}
.ga-foto-schelpenpad img{object-position:50% 50%}
.ga-foto-gieter img{object-position:22% 40%}
.ga-foto-dahlia img{object-position:45% 45%}
.ga-foto-pottenkast-kijkt img{object-position:18% 40%}
.ga-foto-kaartenmand img{object-position:55% 60%}
/* <<< foto-uitsneden */

/* ---------- v2.2 · uitlijning en potloodcorrectie ---------- */
/* Alle secties lijnen links uit op de brede rand (zoals op het canvas), niet op de smalle tekstkolom */
.wp-block-post-content > .wp-block-group{--wp--style--global--content-size:var(--wp--style--global--wide-size)}
/* Losse alinea's direct in een sectie houden een prettige regellengte, maar blijven links uitgelijnd */
.wp-block-post-content > .wp-block-group > p:not(.is-style-correctie):not(.is-style-statement):not(.is-style-label):not(.is-style-nummer){max-width:760px;margin-left:0 !important}
.wp-block-post-content > .wp-block-group > :is(h1,h2){max-width:1050px;margin-left:0 !important}
/* Sectienummer en label op één basislijn */
.is-style-sectiekop{align-items:baseline !important}
.is-style-sectiekop > p{line-height:1.2}
/* Potloodstreep die ook werkt als de zin over twee regels loopt */
.is-style-correctie s{text-decoration:none;background-image:linear-gradient(var(--ga-terra),var(--ga-terra));background-repeat:no-repeat;background-position:0 60%;background-size:0% max(3px,.06em);transition:background-size 1.1s .5s cubic-bezier(.6,.1,.3,1),color 1s 1s}
.is-style-correctie s::after{display:none}
.is-style-correctie.is-in s,.editor-styles-wrapper .is-style-correctie s,html:not(.ga-js) .is-style-correctie s{background-size:100% max(3px,.06em)}
@media (prefers-reduced-motion:reduce){.is-style-correctie s{transition:none;background-size:100% max(3px,.06em)}}
.wp-block-post-content > .wp-block-group > :not(.alignwide):not(.alignfull):not(.has-text-align-center){margin-left:0 !important}

/* ---------- v2.3 · aansluiting secties, uitnodiging, groeiseizoen ---------- */
/* Geen extra witruimte tussen kopbalk, inhoud en footer: secties regelen hun eigen ruimte */
.wp-site-blocks > *{margin-block-start:0 !important}
.ga-main{padding-top:0 !important;padding-bottom:0 !important}
.wp-block-post-content{margin-block-start:0 !important}
.wp-block-post-content > *{margin-block-start:0 !important}
.wp-block-post-content > :last-child{margin-block-end:0 !important}
/* De uitnodiging onderaan loopt door tot onder de groeistrook, over de hele schermbreedte */
@media (min-width:1280px){
  .met-groeistrook .wp-block-post-content > .ga-cta.alignfull{margin-left:calc(-132px - var(--wp--style--root--padding-left)) !important;padding-left:calc(132px + var(--wp--style--root--padding-left)) !important}
}
/* Groeiseizoen: lijn op de hoogte van de cirkels en over de volle breedte */
.ga-seizoen > .ga-seizoenlijn{width:100%;max-width:none !important;margin:56px 0 -42px !important}
.ga-seizoen > .ga-seizoenlijn + .is-style-seizoen{margin-block-start:0 !important;margin-top:0 !important}
/* Groeistrook past altijd in het scherm, met het fig.-onderschrift zichtbaar */
@media (min-width:1280px){
  .ga-rail{top:136px}
  .ga-rail .rail-svg{width:auto;max-width:112px;height:min(532px,calc(100vh - 136px - 64px))}
}

/* ---------- v2.4 · WPForms in de huisstijl ---------- */
/* Zodra er een formulier in het blok staat, verdwijnt het notitiekader */
.ga-formulier:has(.wpforms-container){background:none !important;border:0 !important;padding:0 !important}
.ga-formulier .wpforms-container{margin:0 !important}
.ga-formulier .wpforms-form .wpforms-field{padding:0 0 16px !important}
.ga-formulier .wpforms-form .wpforms-field-label{font-family:var(--ga-sans);font-size:12px !important;font-weight:700 !important;letter-spacing:.16em;text-transform:uppercase;color:inherit;margin-bottom:8px}
.ga-formulier .wpforms-form :is(input[type=email],input[type=text],input[type=tel],textarea,select){width:100% !important;max-width:none !important;height:auto;min-height:48px;font:inherit;font-size:17px;color:inherit;background:transparent;border:0 !important;border-bottom:1.5px solid currentColor !important;border-radius:0 !important;padding:10px 2px !important;box-shadow:none !important}
.ga-formulier .wpforms-form :is(input,textarea):focus{outline:2px solid var(--ga-geel);outline-offset:4px}
.ga-formulier .wpforms-form ::placeholder{color:inherit;opacity:.6}
.ga-formulier .wpforms-form :is(button[type=submit],.wpforms-submit){display:inline-flex;align-items:center;min-height:48px;padding:0 26px !important;border:0 !important;border-radius:999px !important;background:var(--ga-groen) !important;color:var(--ga-creme) !important;font-family:var(--ga-sans);font-weight:700;font-size:15px;letter-spacing:.02em;cursor:pointer;transition:transform .3s,background .3s}
.ga-formulier .wpforms-form :is(button[type=submit],.wpforms-submit):hover{transform:translateY(-1px)}
.ga-formulier .wpforms-submit-container{padding:8px 0 0 !important;margin:0 !important}
.ga-formulier .wpforms-confirmation-container-full{background:transparent !important;border:1px solid currentColor !important;border-radius:14px;color:inherit !important;padding:16px 20px !important;margin:0 !important}
.ga-formulier label.wpforms-error,.ga-formulier em.wpforms-error{color:var(--ga-boter) !important;font-size:14px}
/* Nieuwsbrief: invoerveld en knop naast elkaar, op donkergroen */
.ga-nieuwsbrief-veld .wpforms-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
.ga-nieuwsbrief-veld .wpforms-field-container{flex:1 1 280px}
.ga-nieuwsbrief-veld .wpforms-form .wpforms-field{padding:0 !important}
.ga-nieuwsbrief-veld .wpforms-submit-container{padding:0 !important;flex:0 0 auto}
.ga-aanmelden .ga-formulier .wpforms-form :is(button[type=submit],.wpforms-submit){background:var(--ga-geel) !important;color:var(--ga-nacht) !important}
.ga-aanmelden .ga-formulier .wpforms-form :is(input[type=email],input[type=text]){border-bottom-color:var(--ga-salie-licht) !important}
.ga-aanmelden .ga-formulier .wpforms-field-description{color:var(--ga-papier);font-size:13px;opacity:.8}

/* ---------- v2.5 · compactere paginakop (subpagina's) ---------- */
.ga-paginakop{padding-top:40px}
.ga-paginakop-kolommen{align-items:center !important}
@media (min-width:782px){
  .ga-paginakop-kolommen > .ga-hero-beeld{max-width:460px;margin-left:auto}
  .ga-paginakop-kolommen > .ga-hero-beeld .is-style-boog img{aspect-ratio:5/6}
}

/* ---------- v2.6 · contactformulier (WPForms) zoals op het canvas ---------- */
.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-field{padding:0 !important;margin:0 !important}
.ga-formulier:not(.ga-nieuwsbrief-veld) :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-textarea,.wpforms-field-gdpr-checkbox,.wpforms-field-html){grid-column:1 / -1}
.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-field-name:has(.wpforms-field-row-block:nth-child(2)){grid-column:1 / -1}
@media (max-width:781px){.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-field-container{grid-template-columns:1fr}}
/* labels */
.ga-formulier .wpforms-form .wpforms-field-label{font-size:12px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:700 !important;color:var(--ga-groen);margin:0 0 8px !important;padding:0}
.ga-formulier .wpforms-form .wpforms-required-label{color:var(--ga-rood);font-weight:400}
.ga-formulier .wpforms-form .wpforms-field-sublabel{font-size:13px !important;letter-spacing:0;text-transform:none;color:var(--ga-zacht);margin-top:6px}
/* velden: licht papier met lijn eronder */
.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-form :is(input[type=text],input[type=email],input[type=tel],textarea){background:#fbf8ee !important;border:0 !important;border-bottom:1.5px solid var(--ga-groen) !important;padding:12px !important;min-height:48px;font-size:17px;color:var(--ga-groen)}
.ga-formulier .wpforms-form textarea{min-height:140px !important;height:140px;resize:vertical}
/* keuzelijsten zonder bolletjes */
.ga-formulier .wpforms-form ul{list-style:none !important;margin:0 !important;padding:0 !important}
.ga-formulier .wpforms-form ul li{list-style:none !important;margin:0 !important;padding:0 !important}
.ga-formulier .wpforms-form ul li::marker{content:none}
/* meerkeuze als pillen */
.ga-formulier .wpforms-field-radio ul{display:flex !important;flex-wrap:wrap;gap:10px}
.ga-formulier .wpforms-field-radio ul li{position:relative;display:flex !important;align-items:center;gap:8px;min-height:44px;padding:0 16px !important;border:1px solid var(--ga-groen);border-radius:999px;background:var(--ga-creme);cursor:pointer;transition:background .2s}
.ga-formulier .wpforms-field-radio ul li:hover{background:var(--ga-papier)}
.ga-formulier .wpforms-field-radio ul li:has(input:checked){background:var(--ga-boter)}
.ga-formulier .wpforms-field-radio ul li:has(input:focus-visible){outline:2px solid var(--ga-geel);outline-offset:2px}
.ga-formulier .wpforms-field-radio input[type=radio]{accent-color:var(--ga-groen);margin:0 !important;width:16px;height:16px}
.ga-formulier .wpforms-field-radio .wpforms-field-label-inline{margin:0 !important;font-size:15px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ga-groen);cursor:pointer}
.ga-formulier .wpforms-field-radio .wpforms-field-label-inline::after{content:"";position:absolute;inset:0;border-radius:999px}
/* akkoord-vinkje */
.ga-formulier :is(.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox) ul li{display:flex !important;align-items:flex-start;gap:10px}
.ga-formulier :is(.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox) input[type=checkbox]{accent-color:var(--ga-groen);width:18px;height:18px;margin:3px 0 0 !important;flex:0 0 auto}
.ga-formulier :is(.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox) .wpforms-field-label-inline{font-size:14px !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ga-groen);margin:0 !important}
.ga-formulier .wpforms-field-label-inline a{color:inherit;text-decoration:underline}
.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-submit-container{padding-top:26px !important}
.ga-formulier .wpforms-form :is(input,textarea,select,button,label){font-family:var(--ga-sans) !important}
.ga-formulier:not(.ga-nieuwsbrief-veld) .wpforms-form :is(input[type=text],input[type=email],input[type=tel]){height:48px !important;line-height:1.3;box-sizing:border-box}

/* ---------- v2.7 · blog zonder berichten ---------- */
.ga-binnenkort{margin-top:8px}
.ga-binnenkort > h2{max-width:760px;margin-top:8px !important}
.ga-binnenkort > p:not(.is-style-label){max-width:640px;color:var(--ga-zacht)}
.ga-binnenkort-rij{gap:28px !important;margin-top:40px !important}
.ga-binnenkort-kaart{display:flex;flex-direction:column;gap:10px}
.ga-binnenkort-kaart > *{margin:0 !important}
.ga-binnenkort-beeld img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;filter:saturate(.85)}
.ga-binnenkort-kaart .is-style-label{color:var(--ga-rood);margin-top:8px !important}
.ga-binnenkort-kaart h3{font-family:var(--ga-serif);font-weight:400;font-size:24px;line-height:1.2}
.ga-binnenkort-kaart p:last-child{font-size:15px;color:var(--ga-zacht)}
.ga-binnenkort + .ga-binnenkort{display:none}

/* ---------- v2.8 · mobiele kopbalk en menu zoals op het canvas ---------- */
@media (max-width:781px){
  .ga-kop{position:sticky;top:0;z-index:50;padding-left:16px !important;padding-right:16px !important}
  .admin-bar .ga-kop{top:46px}
  .ga-kopbalk{padding-top:12px !important;padding-bottom:12px !important;gap:6px !important}
  .ga-kopbalk .ga-kopknop{display:none !important}
  .ga-woordmerk{gap:8px}
  .ga-woordmerk span{font-size:24px}
  .ga-woordmerk b{font-size:10px;letter-spacing:.2em}
  .ga-nav{margin-left:auto !important;display:flex;align-items:center;gap:6px}
  /* klein plantje naast de menuknop */
  .ga-nav::before{content:"";width:44px;height:44px;flex:0 0 44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -5 44 44'%3E%3Cpath d='M12 30 C 11 24, 13 18, 12 12' fill='none' stroke='%233E4A2A' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M12 20 C 8 19, 5 16, 4 12 C 8 12, 11 15, 12 20 Z' fill='%237A8A5C' fill-opacity='.28' stroke='%233E4A2A' stroke-width='1.1'/%3E%3Cpath d='M2 30 C 8 29, 16 31, 22 30' fill='none' stroke='%233E4A2A' stroke-width='.8' stroke-linecap='round'/%3E%3Cellipse cx='12' cy='30' rx='2' ry='3' fill='%23D9A442' stroke='%233E4A2A' stroke-width='.9'/%3E%3C/svg%3E") center/contain no-repeat}
  /* menuknop: rondje met drie lijnen */
  .ga-nav .wp-block-navigation__responsive-container-open{display:flex !important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ga-groen);border-radius:999px;background:transparent;color:var(--ga-groen);padding:0}
  .ga-nav .wp-block-navigation__responsive-container-open svg{display:none}
  .ga-nav .wp-block-navigation__responsive-container-open::before{content:"";width:18px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 1 H18 M0 6 H18 M0 11 H12' fill='none' stroke='%233E4A2A' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
  /* tot 782px altijd het uitklapmenu gebruiken (WordPress doet dat standaard pas onder 600px) */
  .ga-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none !important}
  /* het geopende menu */
  .ga-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--ga-creme) !important;color:var(--ga-groen) !important;padding:20px 16px 32px !important}
  .ga-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:64px !important;align-items:flex-start !important}
  .ga-nav .is-menu-open .wp-block-navigation__container{gap:0 !important;width:100%;align-items:stretch !important}
  .ga-nav .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid var(--ga-lijn)}
  .ga-nav .is-menu-open .wp-block-navigation-item__content{display:block;width:100%;padding:14px 0 !important;font-family:var(--ga-serif) !important;font-size:26px !important;line-height:1.15;color:var(--ga-groen) !important}
  .ga-nav .is-menu-open .wp-block-navigation__submenu-container{padding:0 0 10px 0 !important;border:0 !important;background:transparent !important}
  .ga-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border:0}
  .ga-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-family:var(--ga-sans) !important;font-size:17px !important;padding:8px 0 8px 14px !important}
  .ga-nav .wp-block-navigation__responsive-container-close{width:44px;height:44px;border:1px solid var(--ga-groen);border-radius:999px;display:flex;align-items:center;justify-content:center;top:16px !important;right:16px !important}
  /* hero: één label, minder ruimte */
  .ga-hero-meta{margin-bottom:18px}
  .ga-hero-meta > p:nth-child(2){display:none}
}
/* v2.8.1 · uitgeklapt menu netter */
@media (max-width:781px){
  .ga-nav:has(.is-menu-open)::before{visibility:hidden}
  .ga-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:56px !important}
  .ga-nav .is-menu-open .wp-block-navigation-item__content{padding:16px 0 !important}
  /* "Meer" wordt een klein label boven de vier extra links */
  .ga-nav .is-menu-open .wp-block-navigation-submenu{border-bottom:0 !important;padding-top:22px}
  .ga-nav .is-menu-open .wp-block-navigation-submenu__toggle{display:block !important;padding:0 !important;margin:0 0 6px;background:none !important;border:0 !important;font-family:var(--ga-sans) !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.16em;text-transform:uppercase;color:var(--ga-rood) !important;pointer-events:none;cursor:default}
  .ga-nav .is-menu-open .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon,
  .ga-nav .is-menu-open .wp-block-navigation__submenu-icon{display:none !important}
  .ga-nav .is-menu-open .wp-block-navigation__submenu-container{position:static !important;width:100% !important;min-width:0 !important;left:auto !important;top:auto !important;opacity:1 !important;visibility:visible !important;height:auto !important;border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;display:flex !important;flex-direction:column}
  .ga-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border-bottom:1px solid var(--ga-lijn) !important;width:100%}
  .ga-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-family:var(--ga-serif) !important;font-size:20px !important;padding:12px 0 !important;background:transparent !important}
}
/* v2.8.2 · aanbod-index op mobiel: nummer + titel op één regel, omschrijving en status eronder */
@media (max-width:781px){
  .is-style-index > li{display:flex !important;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:8px;padding:20px 0}
  .is-style-index > li:hover{padding-left:0}
  .is-style-index > li::before{flex:0 0 44px}
  .is-style-index > li > strong{flex:1 1 0;min-width:0}
  .is-style-index > li > em{flex:0 0 100%;margin-top:2px}
}
/* v2.8.3 · uitnodiging op mobiel: bloem en zon compact boven de tekst, niet eroverheen */
@media (max-width:781px){
  .ga-cta .wp-block-columns{gap:8px !important}
  .ga-cta .wp-block-column{position:relative;z-index:1}
  .ga-bloem{max-width:200px;margin:0 auto 8px;padding-bottom:4px}
  .ga-bloem .ga-zon-svg{bottom:0;width:150%}
  .ga-cta h2{margin-top:0 !important}
}
/* v2.9 · mobiel: kopbalk blijft staan bij scrollen, kennismaakknop in het uitklapmenu */
@media (max-width:781px){
  /* de hele kop (strepen + balk) plakt bovenaan */
  header.wp-block-template-part:has(.ga-kop){position:sticky;top:0;z-index:60;background:var(--ga-creme)}
  .admin-bar header.wp-block-template-part:has(.ga-kop){top:46px}
  .ga-kop{position:relative;top:auto}
  /* plantje weg als het menu open is */
  html.has-modal-open .ga-nav::before,.ga-nav:has(.is-menu-open)::before{display:none}
  /* kennismaakknop linksboven in het geopende menu */
  html.has-modal-open .ga-kopbalk .ga-kopknop{display:flex !important;position:fixed;top:16px;left:16px;z-index:100001;margin:0}
  .admin-bar.has-modal-open .ga-kopbalk .ga-kopknop,html.has-modal-open body.admin-bar .ga-kopbalk .ga-kopknop{top:62px}
  html.has-modal-open .ga-kopknop .wp-block-button__link{min-height:44px;padding:0 22px;font-size:15px;white-space:nowrap}
  .ga-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:72px !important}
}
/* v2.9.1 · ingelogd onder 600px scrolt de WordPress-balk mee weg: kop dan gewoon tegen de bovenrand */
@media (max-width:600px){
  .admin-bar header.wp-block-template-part:has(.ga-kop),.admin-bar .ga-kop{top:0 !important}
  .admin-bar.has-modal-open .ga-kopbalk .ga-kopknop,html.has-modal-open body.admin-bar .ga-kopbalk .ga-kopknop{top:16px}
}
@media (max-width:781px){ .ga-kop{top:auto !important} }

/* ---------- v3.0 · vier doelgroepen, vier tarieven, rugzakfoto's ---------- */
.ga-foto-kaartenmand img{object-position:55% 60%}
.ga-tarieven.ga-raster-4 .ga-tarief h3{font-size:clamp(22px,1.9vw,27px);hyphens:auto;-webkit-hyphens:auto}
.ga-tarieven.ga-raster-4 .ga-tarief{padding:26px 22px}
.ga-tarief-noot{max-width:760px;margin-top:28px !important;color:var(--ga-zacht);font-size:16px}
.ga-doelgroepen.ga-raster-4 h3{font-size:clamp(22px,1.8vw,26px)}
.ga-rugzak-duo{gap:16px !important;margin-top:24px !important}
.ga-rugzak-duo .ga-foto img{aspect-ratio:1/1;object-fit:cover}
@media (max-width:1100px){.ga-tarieven.ga-raster-4,.ga-doelgroepen.ga-raster-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ga-tarieven.ga-raster-4,.ga-doelgroepen.ga-raster-4{grid-template-columns:minmax(0,1fr)}}