/*
Theme Name:   MLCoaching Child
Theme URI:    https://mlcoaching.nl
Description:  Child-thema voor GeneratePress, op maat gemaakt voor MLCoaching — Marie-Louise Pennino. Bevat magenta/goud kleurenpalet, Cormorant Garamond + Inter, en alle MLCoaching block-styles.
Author:       Nicole / Trots Online
Author URI:   https://trots-online.nl
Template:     generatepress
Version:      1.0.0
Text Domain:  mlcoaching-child
*/

/* =====================================================================
   MLCoaching design system
   ---------------------------------------------------------------------
   Alle classes zijn 'mlc-' geprefixed. Voeg ze toe aan een blok via
   het sidebar-veld "Aanvullende CSS-klasse(n)" — of plak kant-en-klare
   patterns vanuit de Inserter (zoek op "MLCoaching").
   ===================================================================== */

:root{
  --aubergine:#5D014B;
  --aubergine-deep:#3e0034;
  --plum:#a830a8;
  --lila:#e0a8e0;
  --gold:#b8923d;
  --gold-soft:#d4b876;
  --cream:#faf2ee;
  --cream-deep:#f1e3dc;
  --ink:#3a1228;
  --ink-soft:#6e3a55;
}

/* Forceer ♥-karakter als tekst-glyph in plaats van rode emoji op iOS/Android.
   font-variant-emoji werkt in moderne browsers, VS-15 (U+FE0E) is fallback. */
.mlc-helpcard__icon,
.mlc-whycard__num,
.mlc-divider__heart,
.mlc-hero__image::after,
.mlc-sticky::before,
.mlc-wistjedat__inner::before,
.mlc-eyebrow::before{
  font-variant-emoji:text;
}

/* GeneratePress overschrijven: body font + kleur */
body{
  font-family:'Inter',sans-serif;
  background:var(--cream);
  color:var(--ink);
  font-size:18px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  letter-spacing:-0.01em;
}

/* GP container default verwijderen voor full-bleed secties */
.mlc-fullwidth{max-width:none !important;padding:0 !important;}

/* ---------- Utility classes ---------- */
.mlc-serif{font-family:'Cormorant Garamond',serif;font-weight:500;}
.mlc-italic{font-style:italic;}

.mlc-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:14px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin-bottom:32px;
}
.mlc-eyebrow::before{
  content:"";display:inline-block;width:32px;height:1px;background:var(--gold);
}

.mlc-section-eyebrow{
  font-size:14px;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px;font-weight:500;display:block;
}

.mlc-section-title{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:clamp(48px,5.5vw,76px);line-height:1.05;
  color:var(--aubergine);margin-bottom:32px;max-width:18ch;
}
.mlc-section-title em{color:var(--gold);font-style:italic;font-weight:500;}

/* ---------- Buttons ---------- */
.mlc-btn{
  display:inline-flex;align-items:center;gap:14px;padding:18px 36px;
  background:var(--aubergine);color:var(--cream);text-decoration:none;
  font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
  font-weight:500;transition:all .25s;border:none;cursor:pointer;
  font-family:'Inter',sans-serif;
}
.mlc-btn:hover{background:var(--plum);transform:translateY(-2px);color:var(--cream);}
.mlc-btn--outline{background:transparent;color:var(--aubergine);border:1px solid var(--aubergine);}
.mlc-btn--outline:hover{background:var(--aubergine);color:var(--cream);}
.mlc-btn--gold{background:var(--gold);color:var(--aubergine);}
.mlc-btn--gold:hover{background:var(--gold-soft);color:var(--aubergine);}
.mlc-btn__arrow{transition:transform .25s;}
.mlc-btn:hover .mlc-btn__arrow{transform:translateX(4px);}

/* WordPress core button override (wp-block-button) */
.wp-block-button.is-style-mlc-magenta .wp-block-button__link{
  background:var(--aubergine);color:var(--cream);
  font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
  font-weight:500;padding:18px 36px;border-radius:0;
  font-family:'Inter',sans-serif;
  display:inline-flex;align-items:center;gap:14px;
}
.wp-block-button.is-style-mlc-magenta .wp-block-button__link:hover{
  background:var(--plum);color:var(--cream);transform:translateY(-2px);
}
.wp-block-button.is-style-mlc-magenta .wp-block-button__link::after{
  content:"→";display:inline-block;transition:transform .25s;
}
.wp-block-button.is-style-mlc-magenta .wp-block-button__link:hover::after{
  transform:translateX(4px);
}
.wp-block-button.is-style-mlc-gold .wp-block-button__link{
  background:var(--gold);color:var(--aubergine);
  font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
  font-weight:500;padding:18px 36px;border-radius:0;
  font-family:'Inter',sans-serif;
}
.wp-block-button.is-style-mlc-gold .wp-block-button__link:hover{
  background:var(--gold-soft);
}
.wp-block-button.is-style-mlc-outline .wp-block-button__link{
  background:transparent;color:var(--aubergine);
  border:1px solid var(--aubergine);
  font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
  font-weight:500;padding:17px 35px;border-radius:0;
  font-family:'Inter',sans-serif;
}
.wp-block-button.is-style-mlc-outline .wp-block-button__link:hover{
  background:var(--aubergine);color:var(--cream);
}

/* ---------- GeneratePress overrides — cream-deep doorzichtig maken ---------- */
body, .site, .site-content, #page, .entry-content, .inside-article{
  background:var(--cream-deep) !important;
}
.entry-content > .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;}
/* Hero breekt uit GP container maar centreert inhoud op 1400px */
/* Wrappers regelen ZELF zowel breakout als content-padding — dat houdt
   de cascade voorspelbaar en garandeert dezelfde linker-uitlijning als
   standalone .mlc-section (zoals Hulp). */
.mlc-why, .mlc-workshop, .mlc-ervaring, .mlc-contact,
.mlc-herstel, .mlc-tarieven{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;
  padding-top:40px;padding-bottom:40px;
  padding-left:max(56px,calc(50vw - 700px));
  padding-right:max(56px,calc(50vw - 700px));
}
/* Footer ook full-bleed maar met eigen padding (geen 120px verticaal) */
.mlc-footer{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;
}
/* Inner .mlc-section binnen een wrapper = puur semantische container.
   Geen breakout, geen padding — alles zit op de wrapper. */
.mlc-why > .mlc-section,
.mlc-workshop > .mlc-section,
.mlc-ervaring > .mlc-section,
.mlc-contact > .mlc-section,
.mlc-herstel > .mlc-section,
.mlc-tarieven > .mlc-section{
  margin:0;padding:0;width:auto;max-width:100%;
}

/* ---------- HERO ---------- */
/* NVNLP lid-logo, klein onder de eyebrow */
.mlc-nvnlp-logo{
  margin:8px 0 24px !important;
  max-width:64px !important;
}
.mlc-nvnlp-logo img{
  width:64px !important;
  height:auto !important;
  display:block;
}
.mlc-hero{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;
  padding-top:72px;padding-bottom:88px;
  padding-left:max(56px,calc(50vw - 700px));
  padding-right:max(56px,calc(50vw - 700px));
  display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:start;
}
.mlc-hero__title{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:clamp(64px,7.8vw,108px);line-height:1.02;
  color:var(--aubergine);margin-bottom:32px;
}
.mlc-hero__title em{color:var(--gold);font-style:italic;font-weight:400;}
.mlc-hero__lead{
  font-size:21px;line-height:1.6;color:var(--ink-soft);
  max-width:520px;margin-bottom:40px;
}
.mlc-hero__image{
  position:relative;aspect-ratio:3/4;
  display:flex;align-items:flex-end;justify-content:center;
  padding:0;max-width:420px;margin:0 auto;
}
.mlc-hero__image::after{
  content:"\2665\FE0E";position:absolute;left:-38%;top:8%;
  font-family:'Cormorant Garamond',serif;font-style:normal;
  font-size:clamp(280px,60vw,600px);line-height:1;
  color:#77295F;font-variant-emoji:text;
  z-index:0;pointer-events:none;
}
.mlc-hero__portrait{
  position:relative;z-index:1;
  width:100%;height:auto;
  object-fit:contain;object-position:bottom center;
}
/* core/image rendert <figure>; reset margin + sizing voor portret */
.mlc-hero__image > .wp-block-group__inner-container{display:contents;}
.mlc-hero__image figure.wp-block-image{
  position:relative;z-index:1;
  margin:0;width:100%;max-width:none;
}
.mlc-hero__image figure.wp-block-image img{
  width:100%;height:auto;
  object-fit:contain;object-position:bottom center;
}

/* ---------- SECTION wrapper ---------- */
.mlc-section{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;
  padding-top:40px;padding-bottom:40px;
  padding-left:max(56px,calc(50vw - 700px));
  padding-right:max(56px,calc(50vw - 700px));
}

/* ---------- DIVIDER ---------- */
.mlc-divider{
  display:flex;align-items:center;justify-content:center;gap:18px;
  max-width:1400px;margin:0 auto;padding:0 56px;
}
.mlc-divider::before,.mlc-divider::after{
  content:"";flex:0 0 80px;height:1px;background:var(--gold);opacity:0.7;
}
.mlc-divider__heart{
  color:var(--gold);font-size:18px;line-height:1;
  font-family:'Cormorant Garamond',serif;
}
.mlc-why + .mlc-divider .mlc-divider__heart,
.mlc-workshop + .mlc-divider .mlc-divider__heart{color:var(--gold-soft);}
.mlc-why + .mlc-divider::before,.mlc-why + .mlc-divider::after,
.mlc-workshop + .mlc-divider::before,.mlc-workshop + .mlc-divider::after{background:var(--gold-soft);}

/* ---------- SECTION-BREAK (donkere balk, bv. tussen Herstelcoaching en Tarieven) ---------- */
.mlc-section-break{
  width:100vw;margin-left:calc(-50vw + 50%);
  height:80px;background:var(--aubergine-deep);
  display:flex;align-items:center;justify-content:center;
}
.mlc-section-break__icon{
  color:var(--gold);font-size:28px;line-height:1;margin:0;
  font-family:'Cormorant Garamond',serif;
}

/* ---------- OVER MIJ ---------- */
.mlc-aboutgrid{display:grid;grid-template-columns:0.85fr 1.2fr;gap:80px;align-items:center;}
.mlc-aboutgrid > :only-child{grid-column:1 / -1;max-width:900px;margin-inline:auto;}
/* WP Group block voegt een __inner-container wrapper toe — die kan ook
   het enige kind zijn van .mlc-aboutgrid. Ook die constrainen. */
.mlc-aboutgrid > .wp-block-group__inner-container{max-width:900px;margin-inline:auto;}
.mlc-aboutgrid__image{aspect-ratio:4/5;position:relative;max-width:380px;}
.mlc-aboutgrid__image img{width:100%;height:100%;object-fit:cover;display:block;}
/* Alleen plain <p> krijgt body-styling. Class-paragrafen (.mlc-pullquote,
   .mlc-section-eyebrow) hebben hun eigen styling die NIET overruled mag worden. */
.mlc-aboutgrid p:not([class]){margin-bottom:20px;color:var(--ink-soft);font-size:20px;}

/* ---------- GUTENBERG INTEGRATIE ---------------------------------
   WP Group blocks injecteren een .wp-block-group__inner-container
   wrapper. Voor onze containers die display:grid of display:flex
   gebruiken moet die wrapper transparant zijn (display:contents)
   zodat de echte content-blocks direct grid/flex items worden.
   --------------------------------------------------------------- */
.mlc-hero > .wp-block-group__inner-container,
.mlc-why-grid > .wp-block-group__inner-container,
.mlc-helpgrid > .wp-block-group__inner-container,
.mlc-ervaring__grid > .wp-block-group__inner-container,
.mlc-ervaring__cta > .wp-block-group__inner-container,
.mlc-workshop__grid > .wp-block-group__inner-container,
.mlc-workshop__media > .wp-block-group__inner-container,
.mlc-outcomes > .wp-block-group__inner-container,
.mlc-herstel__head > .wp-block-group__inner-container,
.mlc-herstel__grid > .wp-block-group__inner-container,
.mlc-herstel__focus > .wp-block-group__inner-container,
.mlc-tarieven__head > .wp-block-group__inner-container,
.mlc-tarieven__lead > .wp-block-group__inner-container,
.mlc-tarieven__grid > .wp-block-group__inner-container,
.mlc-tarieven__note > .wp-block-group__inner-container,
.mlc-priceitem > .wp-block-group__inner-container,
.mlc-wistjedat__inner > .wp-block-group__inner-container,
.mlc-werkgevers > .wp-block-group__inner-container,
.mlc-contact__grid > .wp-block-group__inner-container,
.mlc-contact__pand > .wp-block-group__inner-container,
.mlc-footer__top > .wp-block-group__inner-container,
.mlc-footer__bottom > .wp-block-group__inner-container{display:contents;}

/* WP's is-layout-flow voegt margin-block-start (~28px) tussen siblings.
   Dat stapelt bovenop onze expliciete margin-bottom waarden en geeft
   dubbele afstanden. Binnen al onze MLC-secties uitschakelen — onze
   eigen .mlc-section-title/.mlc-section-eyebrow/.mlc-*__lead margins
   controleren de spacing. */
.mlc-hero .is-layout-flow > * + *,
.mlc-aboutgrid .is-layout-flow > * + *,
.mlc-why .is-layout-flow > * + *,
.mlc-help .is-layout-flow > * + *,
.mlc-ervaring .is-layout-flow > * + *,
.mlc-workshop .is-layout-flow > * + *,
.mlc-herstel .is-layout-flow > * + *,
.mlc-tarieven .is-layout-flow > * + *,
.mlc-wistjedat .is-layout-flow > * + *,
.mlc-contact .is-layout-flow > * + *,
.mlc-footer .is-layout-flow > * + *{margin-block-start:0;}

/* WP voegt standaard ~28px margin-block-start tussen direct children van
   .entry-content. Stapelt op onze section paddings. Uitschakelen. */
.entry-content > * + *{margin-block-start:0;}

/* Welkom-specifieke spacing: kleiner dan andere secties want compacte text-block */
.mlc-aboutgrid .mlc-section-eyebrow{margin-bottom:8px;}
.mlc-aboutgrid .mlc-section-title{margin-bottom:24px;}
.mlc-aboutgrid p{margin-bottom:12px;}
.mlc-aboutgrid .mlc-pullquote{margin:32px 0 0;}
/* Section-padding van Welkom (heeft .mlc-aboutgrid kind) ook kleiner */
.mlc-section:has(.mlc-aboutgrid){padding-top:60px;padding-bottom:60px;}

.mlc-pullquote{
  margin:48px 0 0;padding:32px 40px;border-left:2px solid var(--gold);
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;
  line-height:1.4;color:var(--aubergine);
}

/* ---------- WAAROM (aubergine-deep bg) ---------- */
.mlc-why{background:var(--aubergine-deep);color:var(--cream);}
.mlc-why .mlc-section-eyebrow{color:var(--gold-soft);}
.mlc-why .mlc-section-title{color:var(--cream);}
.mlc-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:24px;}
.mlc-whycard{padding:40px 0;border-top:1px solid rgba(212,184,118,0.3);}
.mlc-whycard__num{
  font-size:34px;color:var(--gold-soft);
  margin-bottom:24px;display:block;line-height:1;
  font-family:'Inter',sans-serif;font-style:normal;
}
.mlc-whycard__title{font-size:30px;margin-bottom:20px;color:var(--cream);}
.mlc-whycard ul{list-style:none;padding-left:0;margin-left:0;}
.mlc-whycard ul li{margin-left:0;padding-left:0;}
.mlc-whycard li{
  padding:10px 0;border-bottom:1px solid rgba(212,184,118,0.15);
  font-size:18px;color:rgba(247,241,232,0.85);
}
.mlc-whycard li:last-child{border:none;}

/* ---------- HELP ---------- */
.mlc-help__intro{max-width:60ch;color:var(--ink-soft);margin-bottom:32px;font-size:18px;}
.mlc-helpgrid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--gold-soft);border:1px solid var(--gold-soft);
}
.mlc-helpcard{
  background:var(--cream);padding:40px 32px;
  transition:background .25s;min-height:200px;
  display:flex;flex-direction:column;
}
.mlc-helpcard:hover{background:var(--cream-deep);}
.mlc-helpcard__icon{
  color:var(--gold);font-size:22px;line-height:1;
  margin-bottom:20px;display:block;
  font-family:'Inter',sans-serif;
}
.mlc-helpcard__title{font-size:24px;margin-bottom:12px;color:var(--aubergine);}
/* Alleen plain <p> krijgt body-styling — niet .mlc-helpcard__icon p */
.mlc-helpcard p:not([class]){font-size:18px;color:var(--ink-soft);line-height:1.6;}

/* ---------- ERVARING ---------- */
.mlc-ervaring{background:var(--cream-deep);}
.mlc-ervaring__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:96px;align-items:center;}
.mlc-ervaring__intro{color:var(--ink-soft);max-width:50ch;}
.mlc-tags{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 56px;}
.mlc-tag{
  padding:10px 20px;border:1px solid var(--aubergine);color:var(--aubergine);
  font-size:18px;letter-spacing:0.06em;text-transform:uppercase;
  font-weight:500;border-radius:100px;display:inline-block;
}
.mlc-ervaring blockquote{
  font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.4;
  color:var(--aubergine);max-width:24ch;margin:0;
}
.mlc-ervaring blockquote::before{
  content:"";display:block;width:48px;height:1px;
  background:var(--gold);margin-bottom:32px;
}
.mlc-ervaring blockquote strong{font-style:italic;color:var(--gold);font-weight:500;}
.mlc-ervaring__cta{margin-top:56px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;}
.mlc-ervaring__cta p{color:var(--ink-soft);max-width:40ch;}

/* ---------- WORKSHOP (aubergine-deep bg) ---------- */
.mlc-workshop{background:var(--aubergine-deep);color:var(--cream);position:relative;overflow:hidden;}
.mlc-workshop .mlc-section{position:relative;}
.mlc-workshop .mlc-section-eyebrow{color:var(--gold-soft);font-size:18px;letter-spacing:0.18em;}
.mlc-workshop .mlc-section-title{color:var(--cream);font-size:clamp(72px,9vw,120px);}
.mlc-workshop .mlc-section-title em{color:var(--gold-soft);font-style:italic;}
.mlc-workshop__subtitle{
  font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;
  font-size:clamp(36px,4.5vw,56px);line-height:1;
  color:var(--gold-soft);margin-top:8px;margin-bottom:36px;letter-spacing:0.01em;
}
.mlc-workshop__subtitle em{font-style:italic;color:var(--cream);}
.mlc-workshop__lead{font-size:21px;color:rgba(250,242,238,0.85);max-width:60ch;margin-bottom:32px;}
.mlc-workshop__grid{
  display:grid;grid-template-columns:1.3fr 1fr;gap:80px;
  align-items:center;margin-bottom:48px;
}
.mlc-workshop__grid .mlc-pillars{max-width:760px;}
.mlc-workshop__media{
  position:relative;width:100%;max-width:340px;justify-self:center;
}
/* hart achter workshop foto verwijderd op verzoek klant */
.mlc-workshop__image{
  position:relative;z-index:1;
  width:100%;aspect-ratio:3/4;
  background-size:cover;background-position:center;
  border:1px solid rgba(212,184,118,0.3);
  box-shadow:0 24px 60px -20px rgba(0,0,0,0.5);
}
.mlc-workshop__image::after{
  content:"";position:absolute;inset:-12px;border:1px solid var(--gold-soft);
  pointer-events:none;z-index:2;
}
.mlc-pillars{list-style:none;padding-left:0;margin:0;}
.mlc-pillars li{
  padding:24px 0;border-top:1px solid var(--gold-soft);
  display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:baseline;
}
.mlc-pillars__key{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--gold-soft);font-size:24px;
}
.mlc-pillars__val{color:rgba(247,241,232,0.9);font-size:18px;line-height:1.5;}
.mlc-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.mlc-outcome{border-top:1px solid var(--gold-soft);padding-top:20px;}
.mlc-outcome__h{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--gold-soft);margin-bottom:8px;}
.mlc-outcome p{font-size:18px;color:rgba(247,241,232,0.75);}

/* ---------- HERSTELCOACHING / LETSELSCHADE ---------- */
.mlc-herstel{background:var(--cream-deep);position:relative;overflow:hidden;}
.mlc-herstel__head{max-width:760px;margin-bottom:48px;}
.mlc-herstel__lead{font-size:21px;line-height:1.7;color:var(--ink-soft);max-width:60ch;}
.mlc-herstel__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;}
.mlc-herstel__quote{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:32px;line-height:1.35;color:var(--aubergine);
}
.mlc-herstel__quote::before{
  content:"";display:block;width:64px;height:1px;
  background:var(--gold);margin-bottom:32px;
}
.mlc-herstel__quote em{color:var(--gold);font-style:italic;}
.mlc-herstel__body p{color:var(--ink-soft);font-size:18px;line-height:1.7;margin-bottom:20px;}
.mlc-herstel__list{list-style:none;margin:24px 0 0;padding-left:0;}
.mlc-herstel__list li{
  padding:14px 0;border-bottom:1px solid rgba(58,31,71,0.1);
  display:grid;grid-template-columns:24px 1fr;gap:16px;
  color:var(--ink);font-size:18px;line-height:1.5;
}
.mlc-herstel__list li:last-child{border-bottom:none;}
.mlc-herstel__list li::before{
  content:"·";color:var(--gold);
  font-family:'Cormorant Garamond',serif;font-size:24px;line-height:1.2;
}
.mlc-herstel__focus{
  margin-top:48px;padding:48px 56px;
  background:var(--aubergine-deep);color:var(--cream);
  display:grid;grid-template-columns:1fr 1.4fr;gap:64px;
  align-items:center;position:relative;
}
.mlc-herstel__focus::after{
  content:"";position:absolute;inset:-10px -10px 10px 10px;
  border:1px solid var(--gold-soft);pointer-events:none;
}
.mlc-herstel__focus-title{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:clamp(36px,4vw,52px);line-height:1.1;color:var(--cream);
}
.mlc-herstel__focus-title em{color:var(--gold-soft);font-style:italic;}
.mlc-herstel__focus p{color:rgba(247,241,232,0.85);font-size:18px;line-height:1.7;}

/* ---------- TARIEVEN ---------- */
.mlc-tarieven{background:var(--cream-deep);position:relative;overflow:hidden;}
.mlc-tarieven__head{
  display:grid;grid-template-columns:1fr 1fr;gap:96px;
  align-items:end;margin-bottom:48px;
}
.mlc-tarieven__head .mlc-section-title{margin-bottom:0;}
.mlc-tarieven__lead{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:28px;line-height:1.4;color:var(--gold);
  padding-left:32px;border-left:2px solid var(--gold);max-width:32ch;
}
.mlc-tarieven__lead strong{
  display:block;color:var(--aubergine);font-style:normal;
  font-weight:500;font-size:32px;margin-bottom:8px;
}
.mlc-tarieven__grid{
  display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start;
}
.mlc-tarieven__col-label{
  display:flex;align-items:center;gap:14px;
  font-size:18px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin-bottom:32px;
}
.mlc-tarieven__col-label::before,.mlc-tarieven__col-label::after{
  content:"";flex:1;height:1px;background:rgba(184,146,61,0.4);
}
.mlc-priceitem{
  display:grid;grid-template-columns:1fr 200px;gap:40px;align-items:baseline;
  padding:32px 0;border-bottom:1px solid rgba(58,31,71,0.12);
}
.mlc-priceitem:last-child{border-bottom:none;}
.mlc-priceitem__name{
  font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;
  color:var(--aubergine);line-height:1.15;margin-bottom:6px;
}
.mlc-priceitem__name em{color:var(--gold);font-style:italic;font-weight:500;}
.mlc-priceitem__meta{font-size:18px;color:var(--ink-soft);line-height:1.6;}
.mlc-priceitem__meta span{display:block;}
.mlc-priceitem__price{
  font-family:'Cormorant Garamond',serif;font-size:42px;color:var(--aubergine);
  font-weight:500;letter-spacing:-0.01em;line-height:1;white-space:nowrap;
  text-align:right;
}
.mlc-priceitem__price small{
  display:block;font-family:'Inter',sans-serif;font-size:18px;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-soft);
  font-weight:400;margin-top:6px;text-align:right;
}
.mlc-zakelijk{
  background:var(--aubergine-deep);color:var(--cream);
  padding:48px 40px;position:relative;
}
.mlc-zakelijk::after{
  content:"";position:absolute;inset:-8px -8px 8px 8px;
  border:1px solid var(--gold-soft);pointer-events:none;
}
.mlc-zakelijk .mlc-priceitem{
  grid-template-columns:1fr 120px;
  border-bottom:1px solid rgba(212,184,118,0.2);padding:28px 0;
}
.mlc-zakelijk .mlc-tarieven__col-label{color:var(--gold-soft);}
.mlc-zakelijk .mlc-tarieven__col-label::before,
.mlc-zakelijk .mlc-tarieven__col-label::after{background:rgba(212,184,118,0.4);}
.mlc-zakelijk .mlc-priceitem__name{color:var(--cream);font-size:24px;}
.mlc-zakelijk .mlc-priceitem__name em{color:var(--gold-soft);}
.mlc-zakelijk .mlc-priceitem__meta{color:rgba(247,241,232,0.75);}
.mlc-zakelijk .mlc-priceitem__price{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;
  color:var(--gold-soft);font-weight:500;
}
.mlc-zakelijk__intro{
  font-size:18px;color:rgba(247,241,232,0.85);line-height:1.6;
  margin-bottom:8px;max-width:36ch;
}
.mlc-tarieven__note{
  margin-top:64px;padding-top:32px;border-top:1px solid rgba(58,31,71,0.12);
  display:flex;justify-content:space-between;align-items:center;
  gap:32px;flex-wrap:wrap;
}
.mlc-tarieven__note p{
  font-size:18px;color:var(--ink-soft);font-style:italic;max-width:50ch;
}

/* ---------- WIST JE DAT callout ---------- */
.mlc-wistjedat{max-width:1400px;margin:0 auto;padding:64px 56px 0;}
.mlc-wistjedat__inner{
  background:var(--cream);border:1px solid var(--gold-soft);
  padding:48px 56px;display:grid;grid-template-columns:auto 1fr;
  gap:48px;align-items:center;position:relative;
}
.mlc-wistjedat__inner::before{
  content:"\2665\FE0E";position:absolute;top:-24px;left:48px;
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  background:var(--gold);color:var(--cream);
  font-family:'Cormorant Garamond',serif;font-size:20px;line-height:1;
  border-radius:50%;
}
.mlc-wistjedat__title{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(28px,3vw,36px);line-height:1.2;
  color:var(--aubergine);max-width:14ch;
}
.mlc-wistjedat__title em{color:var(--gold);font-style:italic;}
.mlc-wistjedat p{color:var(--ink-soft);font-size:18px;line-height:1.7;max-width:65ch;}

/* ---------- WERKGEVERS ---------- */
.mlc-werkgevers{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start;}
.mlc-werkgevers__image{aspect-ratio:5/6;position:relative;max-width:420px;}
.mlc-werkgevers__image figure.wp-block-image{margin:0;width:100%;height:100%;}
.mlc-werkgevers__image img{width:100%;height:100%;object-fit:cover;display:block;}
.mlc-werkgevers h3{font-size:28px;margin:32px 0 20px;color:var(--aubergine);}
.mlc-werkgevers__lead{color:var(--ink-soft);margin-bottom:16px;}
.mlc-werkgevers ul{list-style:none;margin-bottom:32px;padding-left:0;}
.mlc-werkgevers ul li{
  padding:14px 0;border-bottom:1px solid rgba(58,31,71,0.1);
  color:var(--ink-soft);display:flex;align-items:center;gap:16px;
}
.mlc-werkgevers ul li::before{
  content:"";display:inline-block;width:6px;height:6px;
  background:var(--gold);border-radius:50%;flex-shrink:0;
}
.mlc-werkgevers__note{color:var(--ink-soft);margin-bottom:24px;}

/* ---------- CONTACT ---------- */
.mlc-contact__intro{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:26px;line-height:1.4;
  color:var(--aubergine);
  margin:0 0 32px;
  max-width:40ch;
  padding-left:24px;border-left:2px solid var(--gold);
}
.mlc-contact__intro em{color:var(--gold);font-style:italic;font-weight:500;}
.mlc-contact{background:var(--cream-deep);}
.mlc-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;}
.mlc-contact__lead{font-size:20px;color:var(--ink-soft);margin-bottom:32px;max-width:50ch;}
.mlc-contact__note{color:var(--ink-soft);}
.mlc-contact-info{margin-top:48px;}
.mlc-contact-info dt{
  font-size:18px;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:6px;font-weight:500;
}
.mlc-contact-info dd{
  margin-bottom:24px;font-family:'Cormorant Garamond',serif;
  font-size:24px;color:var(--aubergine);
}
.mlc-contact__pand{margin-top:36px;display:flex;align-items:center;gap:20px;}
.mlc-contact__pand figure.wp-block-image{margin:0;}
.mlc-contact__pand img{
  width:120px;height:90px;object-fit:cover;display:block;
  border:1px solid var(--gold-soft);
}

/* ---------- FORMULIER (Fluent Forms wrapper) ---------- */
.mlc-form{
  background:var(--cream-deep);padding:48px;border:1px solid var(--gold-soft);
}
.mlc-form h3{
  font-family:'Cormorant Garamond',serif;font-size:32px;
  color:var(--aubergine);margin:0 0 32px;font-weight:500;
}
/* Fluent Forms binnen .mlc-form: simpel underline-only veld stijl */
.mlc-form .ff-el-input--label label{
  font-size:18px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:500;
}
.mlc-form .ff-el-form-control{
  width:100%;padding:14px 0;border:none;
  border-bottom:1px solid rgba(58,31,71,0.2);
  background:transparent;font-family:'Inter',sans-serif;
  font-size:18px;color:var(--ink);
  outline:none;transition:border-color .2s;border-radius:0;
}
.mlc-form .ff-el-form-control:focus{
  border-color:var(--aubergine);box-shadow:none;
}
.mlc-form .ff-el-group{margin-bottom:24px;}
.mlc-form .ff-btn-submit{
  background:var(--aubergine);color:var(--cream);
  padding:18px 36px;border:none;border-radius:0;
  font-size:14px;letter-spacing:0.08em;text-transform:uppercase;
  font-weight:500;font-family:'Inter',sans-serif;cursor:pointer;
  margin-top:16px;width:100%;transition:background .25s;
}
.mlc-form .ff-btn-submit:hover{background:var(--plum);color:var(--cream);}

/* ---------- HEADER (GP site-header → mockup .mlc-nav look) ---------- */
.site-header{
  background:var(--cream) !important;
  border-bottom:1px solid var(--gold-soft);
}
.inside-header{
  padding:20px 56px;
  background:transparent !important;
}
/* Nav-wrapper transparant — moet de cream van .site-header doorlaten */
.main-navigation,
#site-navigation,
.main-nav,
.main-nav > ul{
  background:transparent !important;
}
/* Menu-items leesbaar formaat (18px per font-rule) en zachte hover */
.main-navigation .main-nav ul li a,
#site-navigation .main-nav ul li a{
  font-size:18px;letter-spacing:0.02em;
  color:var(--ink);
  padding-left:12px;padding-right:12px;
}
.main-navigation .main-nav ul li a:hover,
#site-navigation .main-nav ul li a:hover{color:var(--gold);}
/* Submenu dropdown — matcht cream + gouden border */
.main-navigation .main-nav ul ul,
#site-navigation .main-nav ul ul{
  background:var(--cream) !important;
  border:1px solid var(--gold-soft);
  box-shadow:0 8px 24px -8px rgba(58,18,40,0.15);
}
.main-navigation .main-nav ul ul li a,
#site-navigation .main-nav ul ul li a{
  font-size:18px;color:var(--ink);
}
.main-navigation .main-nav ul ul li a:hover,
#site-navigation .main-nav ul ul li a:hover{
  color:var(--gold);background:transparent;
}

/* ---------- HEADER CTA-knop in primary menu ---------- */
/* Compactere padding zodat 'ie inline blijft met andere items */
.main-navigation .menu-item.mlc-header-cta > a,
#site-navigation .menu-item.mlc-header-cta > a{
  background:var(--aubergine);color:var(--cream) !important;
  padding:10px 18px !important;
  font-size:15px;letter-spacing:0.06em;text-transform:uppercase;
  font-weight:500;border-radius:2px;
  transition:background .25s;
  line-height:1.2;
}
.main-navigation .menu-item.mlc-header-cta > a:hover,
#site-navigation .menu-item.mlc-header-cta > a:hover{
  background:var(--plum);color:var(--cream) !important;
}

/* ---------- HEADER AUBERGINE LOOK (visitekaartje stijl) ---------- */
.site-header{
  background:var(--aubergine-deep) !important;
  border-bottom:1px solid rgba(212,184,118,0.3) !important;
}
.site-header .inside-header{
  background:transparent !important;
  max-width:none !important;
  padding-left:max(56px,calc(50vw - 700px)) !important;
  padding-right:max(56px,calc(50vw - 700px)) !important;
}
.main-navigation .main-nav ul li a,
#site-navigation .main-nav ul li a{
  color:var(--cream) !important;
}
.main-navigation .main-nav ul li a:hover,
#site-navigation .main-nav ul li a:hover{
  color:var(--gold-soft) !important;
}
.main-navigation .menu-item.mlc-header-cta > a,
#site-navigation .menu-item.mlc-header-cta > a{
  background:var(--gold) !important;
  color:var(--aubergine) !important;
}
.main-navigation .menu-item.mlc-header-cta > a:hover,
#site-navigation .menu-item.mlc-header-cta > a:hover{
  background:var(--gold-soft) !important;
  color:var(--aubergine) !important;
}
#site-navigation .menu-toggle,
.main-navigation .menu-toggle{
  color:var(--cream) !important;
  background:transparent !important;
}
#site-navigation.toggled .main-nav > ul{
  background:var(--aubergine) !important;
  border:1px solid rgba(212,184,118,0.3) !important;
}
/* Desktop sub-menu dropdown: aubergine bg ipv cream (matcht header) */
.main-navigation .main-nav ul ul,
#site-navigation .main-nav ul ul{
  background:var(--aubergine-deep) !important;
  border:1px solid rgba(212,184,118,0.3) !important;
  box-shadow:0 8px 24px -8px rgba(0,0,0,0.4) !important;
}
.main-navigation .main-nav ul ul li a,
#site-navigation .main-nav ul ul li a{
  color:var(--cream) !important;
}
.main-navigation .main-nav ul ul li a:hover,
#site-navigation .main-nav ul ul li a:hover{
  color:var(--gold-soft) !important;
  background:transparent !important;
}
/* Logo: 320px breed, cream-goud filter voor leesbaarheid op donker bg */
.site-header .site-logo img,
.site-header img.header-image{
  width:320px !important;
  max-width:none !important;
  height:auto !important;
  filter: brightness(0) invert(1) sepia(0.65) hue-rotate(10deg) saturate(3.5) drop-shadow(0 0 0.4px #d4b876) drop-shadow(0 0 0.4px #d4b876) !important;
}
/* Menu items consistent gepad (dropdown-pijl niet meer extra ruimte) */
.main-navigation .main-nav > ul > li > a,
#site-navigation .main-nav > ul > li > a{
  padding-left:14px !important;
  padding-right:14px !important;
}
.main-navigation .main-nav > ul > li.menu-item-has-children > a,
#site-navigation .main-nav > ul > li.menu-item-has-children > a{
  padding-right:18px !important;
}
.main-navigation .dropdown-menu-toggle{
  padding-left:2px !important;
  padding-right:2px !important;
}

/* ---------- HAMBURGER op smaller-dan-1100px (matcht nav_drop_point) ---------- */
@media (max-width:1200px){
  /* Header blijft inline (logo links + hamburger rechts) */
  .inside-header{
    flex-direction:row !important;
    text-align:left !important;
    align-items:center;
    flex-wrap:nowrap;
  }
  .site-logo,.site-branding{margin-bottom:0 !important;}

  /* Verberg ALLE losstaande mobile-menu-control-wrapper varianten */
  .mobile-menu-control-wrapper,
  body.has-inline-mobile-toggle .mobile-menu-control-wrapper{
    display:none !important;
  }

  /* #site-navigation float-rechts en compact */
  #site-navigation{
    margin-left:auto;
    flex:0 0 auto;
  }
  #site-navigation .inside-navigation{
    display:flex;justify-content:flex-end;align-items:center;
    padding:0;max-width:none;
  }

  /* Toon inline hamburger duidelijk zichtbaar */
  #site-navigation .menu-toggle,
  .has-inline-mobile-toggle .menu-toggle,
  .main-navigation .menu-toggle{
    display:block !important;
    visibility:visible !important;
    color:var(--ink);
    background:transparent !important;
    padding:8px 12px;
    font-size:24px;
    line-height:1;
    border:0;
  }

  /* Verberg menu-items totdat menu-toggle geklikt is */
  #site-navigation:not(.toggled) #primary-menu,
  .main-navigation:not(.toggled) .main-nav > ul{
    display:none !important;
  }

  /* Wanneer geopend: cream-achtergrond, dropdown stijl */
  #site-navigation.toggled .main-nav > ul{
    display:block;
    background:var(--cream);
    border:1px solid var(--gold-soft);
  }

  /* CTA in mobile menu volle breedte, met ruimte */
  .main-navigation .menu-item.mlc-header-cta > a{
    display:block;text-align:center;
    margin:8px 16px;
  }
}

/* HEADER kleine viewport — logo + hamburger geforceerd op één rij */
@media (max-width:768px){
  .site-header,
  .inside-header{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    text-align:left !important;
    padding:14px 20px !important;
    gap:12px;
  }
  .site-logo,
  .site-branding,
  .site-logo-container,
  .main-title,
  .site-title-wrap{
    flex:0 1 auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    width:auto !important;
  }
  .site-logo img,
  .site-branding img{
    max-width:130px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
  }
  #site-navigation,
  .main-navigation.sub-menu-right{
    flex:0 0 auto !important;
    margin-left:auto !important;
    width:auto !important;
  }
  #site-navigation .menu-toggle,
  .main-navigation .menu-toggle{
    padding:6px 10px !important;
    font-size:22px !important;
  }
}

/* HEADER mobiel logo + menu (kleiner logo + fullscreen-onder-header menu) */
@media (max-width:768px){
  .site-header .site-logo img,
  .site-header img.header-image{
    width:180px !important;
    max-width:180px !important;
  }
  /* Menu toggle button blijft rechts in header */
  #site-navigation .menu-toggle,
  .main-navigation .menu-toggle{
    position:relative !important;
    z-index:101 !important;
  }
  /* Toggled menu: FIXED onder de header, volle viewport breedte */
  #site-navigation.toggled #primary-menu,
  #site-navigation.toggled .main-nav > ul,
  .main-navigation.toggled .main-nav > ul{
    position:fixed !important;
    top:70px !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    background:var(--aubergine-deep) !important;
    margin:0 !important;
    padding:12px 24px !important;
    border:none !important;
    border-top:1px solid rgba(212,184,118,0.3) !important;
    box-shadow:0 8px 24px rgba(0,0,0,0.3) !important;
    z-index:9999 !important;
    display:block !important;
  }
  #site-navigation.toggled .main-nav > ul > li,
  .main-navigation.toggled .main-nav > ul > li,
  #site-navigation.toggled #primary-menu > li{
    display:block !important;
    width:100% !important;
    float:none !important;
    border-bottom:1px solid rgba(212,184,118,0.15) !important;
    padding:0 !important;
    margin:0 !important;
  }
  #site-navigation.toggled .main-nav > ul > li:last-child,
  .main-navigation.toggled .main-nav > ul > li:last-child,
  #site-navigation.toggled #primary-menu > li:last-child{
    border-bottom:none !important;
  }
  #site-navigation.toggled .main-nav > ul li a,
  .main-navigation.toggled .main-nav > ul li a,
  #site-navigation.toggled #primary-menu li a{
    display:block !important;
    padding:14px 0 !important;
    color:var(--cream) !important;
    text-align:left !important;
    width:100% !important;
  }
  /* KENNISMAKING button in mobile menu */
  #site-navigation.toggled .menu-item.mlc-header-cta > a{
    background:var(--gold) !important;
    color:var(--aubergine) !important;
    text-align:center !important;
    margin:8px 0 !important;
    border-radius:2px !important;
  }
}
  /* Sub-menu (Coaching dropdown) op mobiel: aubergine + cream tekst, ingesprongen */
  #site-navigation.toggled .main-nav ul ul,
  .main-navigation.toggled .main-nav ul ul,
  #site-navigation.toggled #primary-menu ul{
    position:static !important;
    background:var(--aubergine-deep) !important;
    border:none !important;
    box-shadow:none !important;
    width:100% !important;
    padding:8px 0 8px 24px !important;
    margin:0 !important;
    display:block !important;
  }
  #site-navigation.toggled .main-nav ul ul li,
  .main-navigation.toggled .main-nav ul ul li,
  #site-navigation.toggled #primary-menu ul li{
    border-bottom:1px solid rgba(212,184,118,0.08) !important;
  }
  #site-navigation.toggled .main-nav ul ul li:last-child,
  .main-navigation.toggled .main-nav ul ul li:last-child,
  #site-navigation.toggled #primary-menu ul li:last-child{
    border-bottom:none !important;
  }
  #site-navigation.toggled .main-nav ul ul li a,
  .main-navigation.toggled .main-nav ul ul li a,
  #site-navigation.toggled #primary-menu ul li a{
    color:rgba(247,241,232,0.85) !important;
    padding:10px 0 !important;
    font-size:16px !important;
  }
}
@media (max-width:500px){
  .site-header .site-logo img,
  .site-header img.header-image{
    width:160px !important;
    max-width:160px !important;
  }
}

/* ---------- FOOTER ---------- */
.mlc-footer{
  background:var(--aubergine-deep);color:rgba(247,241,232,0.7);
  padding:80px max(56px,calc(50vw - 700px)) 40px;
}
.mlc-footer__inner{max-width:1400px;margin:0 auto;}
.mlc-footer__top{
  display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:64px;
  padding-bottom:48px;border-bottom:1px solid rgba(212,184,118,0.2);
}
.mlc-footer__logo{
  height:40px;margin:0 0 24px;display:block;line-height:0;
  filter:brightness(0) invert(1) sepia(0.5) hue-rotate(15deg) saturate(2);
}
.mlc-footer__logo img{height:100%;width:auto;display:block;}
.mlc-footer p{font-size:18px;line-height:1.7;max-width:35ch;}
.mlc-footer h4{
  font-size:18px;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--gold-soft);margin-bottom:20px;font-weight:500;
  font-family:'Inter',sans-serif;
}
.mlc-footer ul{list-style:none;padding-left:0;margin:0;}
.mlc-footer li{padding:6px 0;font-size:18px;}
.mlc-footer a{color:rgba(247,241,232,0.7);text-decoration:none;}
.mlc-footer a:hover{color:var(--gold-soft);}
.mlc-footer__bottom{
  padding-top:32px;display:flex;justify-content:space-between;
  align-items:center;font-size:18px;color:rgba(247,241,232,0.5);
  gap:24px;flex-wrap:wrap;
}

/* ---------- GINO (ingetogen herinnering in footer) ---------- */
.mlc-gino{
  display:grid;grid-template-columns:1fr 1.2fr;gap:48px;
  align-items:center;
  padding:24px 32px;margin:24px 0 0;
  border-top:1px solid rgba(212,184,118,0.25);
}
.mlc-footer .mlc-gino__intro{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:26px;line-height:1.3;
  color:var(--gold-soft);
  margin:0;text-align:right;font-weight:400;
  letter-spacing:0;text-transform:none;
  max-width:none;
}
.mlc-footer .mlc-gino__poem{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:24px;line-height:1.55;
  color:rgba(247,241,232,0.95);
  margin:0;font-weight:400;text-align:left;
  max-width:none;
}
.mlc-gino__heart{
  color:var(--gold);
  font-size:32px;display:inline-block;margin-left:6px;
  font-family:'Cormorant Garamond',serif;font-style:normal;
  font-variant-emoji:text;
  vertical-align:-4px;
}
@media (max-width:700px){
  .mlc-gino{grid-template-columns:1fr;gap:16px;padding:24px 16px;text-align:center;}
  .mlc-gino__intro,.mlc-gino__poem{text-align:center;}
}
/* Fluent Forms submit button — override Fluent Forms ingebouwde kleur */
.ff_btn_style.ff-btn-submit,
.mlc-form .ff_btn_style{
  background:var(--aubergine) !important;color:var(--cream) !important;
}
.ff_btn_style.ff-btn-submit:hover,
.mlc-form .ff_btn_style:hover{
  background:var(--plum) !important;color:var(--cream) !important;
}

/* ---------- STICKY CTA ---------- */
.mlc-sticky{
  position:fixed;bottom:32px;right:32px;z-index:40;
  background:var(--gold);color:var(--aubergine);padding:16px 28px;
  border-radius:100px;font-size:14px;letter-spacing:0.08em;
  text-transform:uppercase;font-weight:600;text-decoration:none;
  box-shadow:0 12px 40px rgba(58,31,71,0.25);
  display:flex;align-items:center;gap:12px;transition:all .25s;
}
.mlc-sticky:hover{background:var(--gold-soft);transform:translateY(-2px);color:var(--aubergine);}
/* Scroll-trigger states — JS toggled de --hidden class */
.mlc-sticky{transition:transform .3s ease,opacity .3s ease;}
.mlc-sticky.mlc-sticky--hidden{
  transform:translateY(180%);
  opacity:0;
  pointer-events:none;
}
.mlc-sticky::before{content:"\2665\FE0E";font-size:18px;font-family:'Cormorant Garamond',serif;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .mlc-hero{padding:40px 24px;grid-template-columns:1fr;gap:32px;}
  /* Op mobiel: tekst-Groep doorzichtig maken zodat eyebrow/titel/lead/knop
     directe siblings worden van de foto, en orden ze expliciet:
     eyebrow → titel → lead → foto → knop. */
  .mlc-hero > .wp-block-group:not(.mlc-hero__image),
  .mlc-hero > .wp-block-group:not(.mlc-hero__image) > .wp-block-group__inner-container{
    display:contents;
  }
  .mlc-eyebrow{order:1;}
  .mlc-hero__title{order:2;}
  .mlc-hero__lead{order:3;}
  .mlc-hero__image{order:4;}
  .mlc-hero .wp-block-button,
  .mlc-hero .wp-block-buttons{order:5;}
  /* Op mobiel: tekst-Groep doorzichtig maken zodat eyebrow/titel/lead/knop
     directe siblings worden van de foto, en orden ze expliciet:
     eyebrow → titel → lead → foto → knop. */
  .mlc-hero > .wp-block-group:not(.mlc-hero__image),
  .mlc-hero > .wp-block-group:not(.mlc-hero__image) > .wp-block-group__inner-container{
    display:contents;
  }
  .mlc-eyebrow{order:1;}
  .mlc-hero__title{order:2;}
  .mlc-hero__lead{order:3;}
  .mlc-hero__image{order:4;}
  .mlc-hero .wp-block-button,
  .mlc-hero .wp-block-buttons{order:5;}
  .mlc-section{padding:40px 24px;}
  .mlc-why, .mlc-workshop, .mlc-ervaring, .mlc-contact,
  .mlc-herstel, .mlc-tarieven{
    padding-top:40px;padding-bottom:40px;
    padding-left:24px;padding-right:24px;
  }
  .mlc-aboutgrid,.mlc-why-grid,.mlc-helpgrid,.mlc-outcomes,.mlc-workshop__grid,
  .mlc-werkgevers,.mlc-contact__grid,.mlc-ervaring__grid,
  .mlc-herstel__grid,.mlc-herstel__focus,
  .mlc-tarieven__head,.mlc-tarieven__grid{grid-template-columns:1fr;gap:48px;}
  /* In stacked layout staat het hart pal over de tekst — hide */
  .mlc-workshop__media::before{display:none;}
  /* helpgrid behoudt dunne gouden lijntjes (1px) — anders worden de
     gaten op mobile dikke bruine balken doordat de gold-bg doorschijnt. */
  .mlc-helpgrid{grid-template-columns:1fr 1fr;gap:1px;}
  .mlc-herstel__focus{padding:40px 28px;margin-top:64px;}
  .mlc-pillars li{grid-template-columns:1fr;gap:6px;}
  .mlc-tarieven__lead{padding-left:24px;font-size:22px;}
  .mlc-priceitem,.mlc-zakelijk .mlc-priceitem{grid-template-columns:1fr;gap:12px;}
  .mlc-priceitem__price,.mlc-priceitem__price small{text-align:left;}
  .mlc-zakelijk{padding:32px 24px;}
  .mlc-wistjedat{padding:48px 24px 0;}
  .mlc-wistjedat__inner{grid-template-columns:1fr;gap:24px;padding:40px 28px;}
  .mlc-footer{padding:64px 24px 32px;}
  .mlc-footer__top{grid-template-columns:1fr;gap:32px;}
}