/* ============ MC Kinderwens :: componenten ============ */

/* ---- topbar ---- */
.topbar{background:var(--c-brand);color:var(--c-on-brand);font-size:.8125rem}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.5rem;flex-wrap:wrap}
.topbar__tag{opacity:.85}
.topbar__right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.topbar a,.topbar__link{color:var(--c-on-brand);font-weight:600}
.topbar__sep{opacity:.7}
@media(max-width:640px){.topbar__tag{display:none}.topbar__sep{display:none}}

/* ---- header / navigatie ---- */
.site-header{position:sticky;top:0;z-index:80;background:var(--c-header-bg);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s}
.site-header.is-scrolled{box-shadow:0 10px 30px -22px rgba(20,40,35,.5);border-color:var(--c-border)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:.85rem}
.brand{flex:none;display:flex;align-items:center}
.brand__logo{height:clamp(38px,3.4vw,52px);width:auto}
.brand__text{font-family:var(--font-display);font-weight:var(--h3-weight);font-size:1.25rem;color:var(--c-brand)}
.nav__list{display:flex;align-items:center;gap:.1rem;list-style:none;margin:0;padding:0}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .7rem;border-radius:var(--radius-sm);
  font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--c-nav);white-space:nowrap;line-height:1.1}
.nav__link:hover{color:var(--c-brand);background:var(--c-nav-hover)}
.nav__chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform .2s}
.nav__item.has-mega:hover .nav__chev,.nav__item.has-mega:focus-within .nav__chev{transform:rotate(-135deg) translateY(-1px)}
.mega{position:absolute;top:calc(100% + 10px);left:0;min-width:320px;background:var(--c-surface);border:1px solid var(--c-border);
  border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1.1rem;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s,transform .2s,visibility .2s;z-index:90}
.mega::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.mega::after{content:"";position:absolute;top:0;left:1.1rem;right:1.1rem;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--c-accent),var(--c-brand-2))}
.nav__item.has-mega:hover>.mega,.nav__item.has-mega:focus-within>.mega{opacity:1;visibility:visible;transform:none}
.nav__item:nth-last-child(-n+2) .mega{left:auto;right:0}
.mega__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--mega-cols,1),minmax(190px,1fr));gap:.1rem 1rem}
.mega__link{display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--c-ink);line-height:1.3}
.mega__link::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-brand-2);flex:none;opacity:.55}
.mega__link:hover{background:var(--c-nav-hover);color:var(--c-brand)}
.mega__item .sub-menu{display:none}
.site-header__actions{display:flex;align-items:center;gap:.6rem;flex:none}
.burger{display:none;width:44px;height:44px;border:1.5px solid var(--c-border);background:var(--c-surface);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.burger span{display:block;width:17px;height:2px;background:var(--c-brand);border-radius:2px;transition:transform .2s,opacity .2s}
body.nav-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav-overlay{position:fixed;inset:0;background:rgba(15,30,25,.5);z-index:70;opacity:0;transition:opacity .3s}
body.nav-open .nav-overlay{opacity:1}

@media(max-width:1340px){
  .burger{display:inline-flex}
  .site-header__cta{display:none}
  .nav{position:fixed;top:0;right:0;height:100dvh;width:min(92vw,400px);background:var(--c-surface);z-index:75;
    transform:translateX(102%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:5.5rem 0 2rem;box-shadow:-24px 0 50px -30px rgba(0,0,0,.5)}
  body.nav-open .nav{transform:none}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__item{border-bottom:1px solid var(--c-border)}
  .nav__link{width:100%;justify-content:space-between;padding:1rem 1.25rem;font-size:1rem;border-radius:0}
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 1.25rem;
    max-height:0;overflow:hidden;transition:max-height .32s ease,padding .32s ease;min-width:0}
  .mega::after,.mega::before{display:none}
  .nav__item.is-open>.mega{max-height:1400px;padding:.25rem 1.25rem 1rem}
  .mega__list{grid-template-columns:1fr!important}
}

/* ---- knoppen & pills ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;
  font-family:var(--font-body);font-weight:var(--btn-weight);font-size:.9375rem;line-height:1;
  padding:var(--btn-pad);border-radius:var(--btn-radius);border:1.5px solid transparent;text-align:center;
  transition:transform .18s,box-shadow .18s,background .18s,color .18s;white-space:nowrap;letter-spacing:var(--btn-ls)}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--c-accent);color:var(--c-on-accent);box-shadow:var(--shadow-btn)}
.btn--primary:hover{background:var(--c-accent-hover);color:var(--c-on-accent)}
.btn--secondary{background:transparent;color:var(--c-brand);border-color:var(--c-brand)}
.btn--secondary:hover{background:var(--c-brand);color:var(--c-on-brand)}
.scheme--teal .btn--secondary,.scheme--teal .btn--white{background:var(--c-on-brand);color:var(--c-brand);border-color:transparent}
.scheme--teal .btn--secondary:hover,.scheme--teal .btn--white:hover{background:var(--c-accent);color:var(--c-on-accent)}
.scheme--teal .btn--primary{background:var(--c-accent);color:var(--c-on-accent)}
.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;font-size:.8125rem;font-weight:600;
  background:var(--c-pill-bg);color:var(--c-pill-fg);border:1px solid var(--c-pill-border)}
.pill--primary{background:var(--c-accent);color:var(--c-on-accent);border-color:transparent}
.pill--white{background:var(--c-surface);color:var(--c-brand);border-color:transparent}
.pill svg{width:14px;height:14px}

/* ---- header-secties (hero) ---- */
.header .container{position:relative}
.header__label,.section__label{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:.75rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--c-eyebrow);margin-bottom:.9rem}
.scheme--teal .header__label,.scheme--teal .section__label{color:var(--c-eyebrow-on-brand)}
.header__title{font-size:var(--h1-size);margin-bottom:.4em}
.header__description{font-size:var(--fs-lead);opacity:.95}
.header__description p{margin-bottom:.8em}
.header__actions{margin-top:1.6rem}
.header__actions .list--inline{gap:.7rem}
.header--header-inner .header__content{max-width:56rem}
.header--header-inner .header__media{margin-top:2rem;border-radius:var(--radius-lg);overflow:hidden}
.header--header-home .header__content{max-width:40rem}
.header--header-home .grid{align-items:center}
.header--header-home picture,.header--header-home img{border-radius:var(--radius-lg)}
.header--header-home .header__media{overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}

/* ---- generieke sectie ---- */
.section__header{margin-bottom:2.2rem;max-width:52rem}
.section__header.align-center{margin-inline:auto;text-align:center}
.section__title{margin-bottom:.35em}
.section__content{max-width:62rem}
.section__actions{margin-top:1.75rem}
.section--rich-text .section__description{max-width:70ch}
.section--rich-text .section__description h2,.section--rich-text .section__description h3{margin-top:1.6em}
.section--rich-text .section__description h2:first-child,.section--rich-text .section__description h3:first-child{margin-top:0}
.section--rich-text img{border-radius:var(--radius-md);margin-block:1.5rem}
.section--call-to-action .section__content{max-width:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.section--call-to-action .section__actions{margin-top:0}

/* ---- overview cards ---- */
.overview-card{position:relative;height:100%;display:flex;flex-direction:column;background:var(--c-card);
  border:1px solid var(--c-card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .22s,box-shadow .22s}
a:hover .overview-card{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.overview-card__media{order:-1;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sch-frost-bg)}
.overview-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
a:hover .overview-card__media img{transform:scale(1.05)}
.overview-card__body{padding:1.35rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.overview-card__title{font-size:var(--h4-size);color:var(--c-heading);margin:0}
.overview-card__body p{font-size:.9375rem;color:var(--c-muted);margin:0}
.overview-card__body::after{content:"Lees meer";margin-top:auto;padding-top:.35rem;font-weight:700;font-size:.875rem;color:var(--c-accent-text)}

/* ---- accordion ---- */
.accordion{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-border)}
.accordion__item{border-bottom:1px solid var(--c-border);margin:0}
.accordion__heading{margin:0;font-family:var(--font-body);font-size:1.0625rem;font-weight:600;color:var(--c-heading);
  cursor:pointer;padding:1.15rem 2.5rem 1.15rem 0;position:relative;transition:color .18s}
.accordion__heading:hover{color:var(--c-brand)}
.accordion__heading::after{content:"";position:absolute;right:.35rem;top:1.5rem;width:10px;height:10px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s;opacity:.65}
.accordion__item.open>.accordion__heading::after,.accordion__item.is-open>.accordion__heading::after{transform:rotate(-135deg)}
.accordion__content{overflow:hidden;max-height:0;transition:max-height .3s ease;color:var(--c-muted)}
.accordion__item.open>.accordion__content,.accordion__item.is-open>.accordion__content{max-height:1600px}
.accordion__content>*:first-child{padding-top:.15rem}
.accordion__content>*:last-child{padding-bottom:1.3rem;margin-bottom:0}

/* ---- kaarten: contact, person, post ---- */
.contact-card{background:var(--c-card);border:1px solid var(--c-card-border);border-radius:var(--radius-lg);
  padding:1.6rem;box-shadow:var(--shadow-sm);margin-top:1.75rem}
.scheme--teal .contact-card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:var(--sch-teal-fg)}
.contact-card__title{margin-bottom:.4rem}
.contact-card__description{color:var(--c-muted);font-size:.9375rem;margin-bottom:1.1rem}
.scheme--teal .contact-card__description{color:var(--sch-teal-fg);opacity:.9}

.person-card{height:100%;background:var(--c-card);border:1px solid var(--c-card-border);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
a:hover .person-card{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.person-card__profile{order:-1;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--sch-frost-bg)}
.person-card__profile img{width:100%;height:100%;object-fit:cover;object-position:top center}
.person-card__body{padding:1.1rem 1.2rem 1.35rem}
.person-card__name{margin:0 0 .2rem;font-size:1.0625rem;color:var(--c-heading)}
.person-card__job_title{margin:0;font-size:.875rem;color:var(--c-muted);line-height:1.35}

.post-card{height:100%;background:var(--c-card);border:1px solid var(--c-card-border);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
a:hover .post-card{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.post-card__thumbnail{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sch-frost-bg)}
.post-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
a:hover .post-card__thumbnail img{transform:scale(1.05)}
.post-card__body{padding:1.1rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.post-card__meta{font-size:.8125rem;color:var(--c-muted);gap:.5rem .75rem}
.post-card__meta--taxonomy{display:inline-block;background:var(--c-pill-bg);color:var(--c-pill-fg);
  padding:.25rem .65rem;border-radius:999px;font-weight:700;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}
.post-card__title{margin:0;font-size:1.0625rem;line-height:1.3}
a:hover .post-card__title{color:var(--c-brand)}
.post__figure{margin:0 0 1.75rem;border-radius:var(--radius-lg);overflow:hidden}
.post__back{margin-top:2rem}

/* ---- formulieren ---- */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=date],textarea,select{
  width:100%;padding:.85rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);
  font-family:var(--font-body);font-size:.9375rem;background:var(--c-surface);color:var(--c-ink)}
textarea{min-height:9rem}
label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.35rem;color:var(--c-heading)}
.searchform{display:flex;gap:.5rem}

/* ---- footer ---- */
.site-footer{background:var(--c-footer-bg);color:var(--c-footer-fg);padding-top:clamp(2.5rem,5vw,4rem)}
.site-footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem}
.site-footer__logo{height:46px;width:auto;margin-bottom:1rem}
.site-footer__wordmark{font-family:var(--font-display);font-size:1.4rem;color:#fff;display:block;margin-bottom:1rem}
.site-footer__desc,.site-footer__addr{color:var(--c-footer-muted);font-size:.9375rem;max-width:34ch}
.site-footer__addr a{color:#fff;font-weight:700}
.site-footer__title{font-family:var(--font-body);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-eyebrow-on-brand);margin-bottom:1rem}
.site-footer__list{list-style:none;margin:0;padding:0}
.site-footer__list a{display:block;color:var(--c-footer-muted);font-size:.9375rem;padding:.3rem 0}
.site-footer__list a:hover{color:#fff}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.15);padding-block:1.25rem;display:flex;justify-content:space-between;
  align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8125rem;color:var(--c-footer-muted)}
.site-footer__badges{display:flex;gap:.65rem;align-items:center}
.logo-chip{background:#fff;border-radius:10px;padding:.5rem .8rem;display:inline-flex;align-items:center}
.logo-chip img{height:26px;width:auto}
@media(max-width:900px){.site-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-footer__top{grid-template-columns:1fr}}

/* ---- paginering ---- */
.pagination{margin-top:2rem}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .6rem;
  border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-right:.35rem;color:var(--c-ink);font-weight:600}
.pagination .page-numbers.current{background:var(--c-brand);color:var(--c-on-brand);border-color:var(--c-brand)}

/* ---- sticky mobiele CTA ---- */
.mobile-cta{display:none}
@media(max-width:640px){
  .mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;gap:.6rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--c-surface) 96%,transparent);border-top:1px solid var(--c-border);backdrop-filter:blur(8px)}
  .mobile-cta .btn{flex:1}
  body{padding-bottom:4.6rem}
}

/* ---- media + copy (beeld naast tekst) ---- */
.section--media-copy .grid{align-items:center;row-gap:2rem}
.section--media-copy .section__content{max-width:34rem}
.section--media-copy picture{display:block;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.section--media-copy picture img{width:100%;height:100%;object-fit:cover}
.col-bleed-y{align-self:stretch}
@media(min-width:768px){
  .section--media-copy .col-md-6.order-md-1{padding-right:1.5rem}
  .section--media-copy .col-md-6.order-md-2{padding-left:1.5rem}
}
.section--media-copy .section__actions{margin-top:1.5rem}

/* ---- afbeeldingen in content nooit groter dan hun kader ---- */
.section img,.header img{max-width:100%;height:auto}
.header--header-home .header__media img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* ---- geneste lijsten in header/section-acties nooit met bullets ---- */
.header__actions ul,.header__actions li,.section__actions ul,.section__actions li{list-style:none;padding-left:0;margin-left:0}
.header__actions ul{margin-bottom:0}
.header__actions .list--inline{margin-bottom:.6rem}
.header__actions li::before,.section__actions li::before{display:none!important;content:none!important}

/* ---- person-card: de <a> is de flexcontainer, dus daar hoort de volgorde ---- */
.person-card__link{display:flex;flex-direction:column;height:100%;color:inherit}
.person-card__profile{order:-1}
.person-card__body{padding:1.1rem 1.2rem 1.35rem}

/* ---- leeskolom centreren (bron bevat gecentreerde alinea's) ---- */
.section--rich-text .section__description{margin-inline:auto}

/* ================= MEGA-MENU (schermbreed paneel) ================= */
@media(min-width:1201px){
  .nav__item.has-mega{position:static}
  .mega{position:absolute;left:0;right:0;top:100%;min-width:0;padding:0;border-radius:0;
    border-left:0;border-right:0;border-top:1px solid var(--c-border);box-shadow:var(--shadow-md)}
  .mega::after{left:0;right:0;height:3px;border-radius:0}
  .mega__inner{max-width:var(--container-full);margin-inline:auto;padding:1.9rem var(--gutter) 0;
    display:grid;grid-template-columns:1fr minmax(260px,320px);gap:2.5rem;align-items:start}
  .mega__list{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:.15rem 1.5rem}
  .mega__feature{display:flex;flex-direction:column;background:var(--sch-frost-bg);
    border-radius:var(--radius-md);overflow:hidden}
  .mega__media{display:block;aspect-ratio:16/10;overflow:hidden}
  .mega__media img{width:100%;height:100%;object-fit:cover}
  .mega__fbody{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.1rem 1.2rem}
  .mega__ftitle{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--h4-weight);color:var(--c-heading);line-height:1.25}
  .mega__ftext{font-size:.8125rem;color:var(--c-muted);line-height:1.45}
  .mega__fcta{align-self:flex-start;margin-top:.35rem;padding:.6rem 1.1rem;font-size:.8125rem}
  .mega__bar{grid-column:1 / -1;margin-top:1.6rem;padding:.85rem var(--gutter);margin-inline:calc(var(--gutter) * -1);
    border-top:1px solid var(--c-border);background:var(--sch-frost-bg);display:flex;gap:1.75rem;flex-wrap:wrap;align-items:center;
    font-size:.8125rem;color:var(--c-muted)}
  .mega__barlink{font-weight:700;color:var(--c-brand)}
  .mega__baritem::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-accent);margin-right:.5rem;vertical-align:middle}
}
.mega__dot{width:5px;height:5px;border-radius:50%;background:var(--c-brand-2);opacity:.55;flex:none}
.mega__link{display:flex;align-items:center;gap:.55rem}
@media(max-width:1340px){
  .mega__inner,.mega__cols{display:block}
  .mega__feature,.mega__bar{display:none}
}

/* ================= VERTROUWENSBALK ================= */
.trust-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.trust-item{display:flex;flex-direction:column;gap:.15rem;position:relative;padding-left:1.25rem}
.trust-item::before{content:"";position:absolute;left:0;top:.35rem;bottom:.35rem;width:3px;border-radius:2px;background:var(--c-eyebrow-on-brand);opacity:.8}
.trust-item__value{font-family:var(--font-display);font-size:1.75rem;line-height:1;color:#fff;font-weight:var(--h3-weight)}
.trust-item__label{font-size:.8125rem;color:var(--sch-teal-fg);opacity:.85;line-height:1.3}
@media(max-width:820px){.trust-list{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.trust-list{grid-template-columns:1fr}}

/* ================= SITUATIEKEUZE (richting 3) ================= */
.section--situatie{border-bottom:1px solid var(--c-border)}
.situatie__inner{display:flex;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap;padding-block:1.1rem}
.situatie__label{font-weight:700;color:var(--c-heading);font-size:.9375rem}
.situatie__chips{display:flex;gap:.6rem;flex-wrap:wrap}
.situatie__chip{display:inline-flex;align-items:center;padding:.6rem 1.1rem;border-radius:var(--btn-radius);
  border:1.5px solid var(--c-border);background:var(--c-page);font-weight:600;font-size:.875rem;color:var(--c-brand);
  transition:background .16s,color .16s,border-color .16s,transform .16s}
.situatie__chip:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent);transform:translateY(-1px)}

/* ================= SPECIALISTEN ================= */
.section--specialists .person-card__body{display:block}
.section--specialists .section__actions{margin-top:2rem}
.section--specialists .person-card__profile{aspect-ratio:1/1}

/* ================= ERVARINGEN ================= */
.stories{align-items:stretch}
.story-card{height:100%;margin:0;background:var(--c-card);border:1px solid var(--c-card-border);
  border-radius:var(--radius-lg);padding:1.75rem 1.6rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}
.story-card__mark{font-family:var(--font-display);font-size:3rem;line-height:.6;color:var(--c-accent);height:1.4rem}
.story-card__text{font-size:1rem;line-height:1.6;color:var(--c-ink);margin:0;flex:1}
.story-card__who{font-size:.8125rem;font-weight:700;color:var(--c-muted)}
.dir-r1 .story-card__text{font-family:var(--font-display);font-size:1.15rem;line-height:1.5;color:var(--c-heading)}

/* ================= CTA-BAND ================= */
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.section--cta-band .section__title{margin-bottom:.35rem}
.section--cta-band .section__description p{max-width:52ch;margin:0}
.cta-band__actions{display:flex;gap:.75rem;flex-wrap:wrap}

/* ================= richtingaccenten ================= */
.dir-r2 .overview-card,.dir-r2 .person-card,.dir-r2 .post-card,.dir-r2 .story-card{border-color:transparent}
.dir-r2 .section--stories{background:var(--sch-frost-bg)}
.dir-r3 .trust-item__value{font-variant-numeric:tabular-nums}
.dir-r3 .section--trust{background:var(--c-heading)}
.dir-r3 .overview-card,.dir-r3 .post-card,.dir-r3 .person-card{box-shadow:none;border-color:var(--c-border)}
.dir-r3 .overview-card:hover,.dir-r3 .post-card:hover{box-shadow:var(--shadow-md)}

/* ============================================================= */
/* ====== Nij-Clinics-achtige variant (alleen body.dir-r2nij) === */
/* ============================================================= */
body.dir-r2nij{background:var(--c-page)}

/* --- hero: full-bleed afgerond beeld met overlappend wit paneel --- */
/* HOME HERO: 2-koloms expert-layout (tekst links | beeld rechts met zwevend kaartje) */
body.dir-r2nij .header--header-home{background:var(--c-page);color:var(--c-ink);
  padding-top:clamp(1.5rem,3vw,3rem);padding-bottom:clamp(2.5rem,5vw,4.5rem)}
body.dir-r2nij .header--header-home .grid{display:grid;grid-template-columns:1.05fr 1fr;
  align-items:center;gap:clamp(1.75rem,4.5vw,4rem);margin:0;row-gap:0}
body.dir-r2nij .header--header-home .grid>*{width:100%;padding:0;margin:0}
body.dir-r2nij .header--header-home .grid>*:first-child{order:1}   /* tekst links */
body.dir-r2nij .header--header-home .grid>*:last-child{order:2}    /* beeld rechts */
body.dir-r2nij .header--header-home .header__content{position:relative;z-index:2;background:transparent;
  border-radius:0;padding:0;margin:0;max-width:37rem;box-shadow:none}
body.dir-r2nij .header--header-home .header__label{color:var(--c-brand);background:var(--c-pill-bg);
  padding:.4rem .95rem;border-radius:999px}
body.dir-r2nij .header--header-home .header__title{color:var(--c-heading);hyphens:none;-webkit-hyphens:none;
  overflow-wrap:break-word;font-size:clamp(2.15rem,3.7vw,3.35rem);line-height:1.05;margin:.9rem 0 .55em}
body.dir-r2nij .header--header-home .header__description{color:var(--c-muted);font-size:var(--fs-lead);max-width:34rem}
body.dir-r2nij .header--header-home .header__actions{margin-top:.35rem}
body.dir-r2nij .header--header-home .header__actions .pill{background:var(--c-pill-bg);color:var(--c-brand);border:0;font-weight:600}
body.dir-r2nij .header--header-home .header__actions .pill:hover{background:var(--c-accent);color:#fff}
/* beeldkolom */
body.dir-r2nij .header--header-home .header__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;
  aspect-ratio:1/1;box-shadow:var(--shadow-md);margin:0}
body.dir-r2nij .header--header-home .header__media picture{display:block;width:100%;height:100%}
body.dir-r2nij .header--header-home .header__media img{width:100%;height:100%;object-fit:cover}
@media(max-width:860px){
  body.dir-r2nij .header--header-home .grid{grid-template-columns:1fr;gap:1.6rem}
  body.dir-r2nij .header--header-home .grid>*:first-child{order:2}
  body.dir-r2nij .header--header-home .grid>*:last-child{order:1}
  body.dir-r2nij .header--header-home .header__content{max-width:none}
  body.dir-r2nij .header--header-home .header__media{aspect-ratio:16/10}
}

/* --- inner hero (subpagina's): navy band -> lichte kaart met accent --- */
body.dir-r2nij .header--header-inner{background:var(--c-brand)}
body.dir-r2nij .header--header-inner .header__title{color:#fff}
body.dir-r2nij .header--header-inner .header__label{color:var(--c-eyebrow-on-brand)}

/* --- vertrouwensbalk direct na de hero: luchtig, niet als donkere band --- */
body.dir-r2nij .section--trust{background:var(--c-surface);border-bottom:1px solid var(--c-border)}
body.dir-r2nij .section--trust .trust-item__value{color:var(--c-brand);font-family:var(--font-display)}
body.dir-r2nij .section--trust .trust-item__label{color:var(--c-muted)}
body.dir-r2nij .section--trust .trust-item::before{background:var(--c-accent)}

/* --- kaarten: sterk afgerond, zacht, randloos (Nij-gevoel) --- */
body.dir-r2nij .overview-card,
body.dir-r2nij .post-card,
body.dir-r2nij .person-card,
body.dir-r2nij .story-card,
body.dir-r2nij .contact-card{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}
body.dir-r2nij a:hover .overview-card,
body.dir-r2nij a:hover .post-card,
body.dir-r2nij a:hover .person-card,
body.dir-r2nij .overview-card:hover,
body.dir-r2nij .post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}
body.dir-r2nij .overview-card{transition:transform .28s ease,box-shadow .28s ease}
body.dir-r2nij .overview-card__media,body.dir-r2nij .post-card__thumbnail{border-radius:0}
body.dir-r2nij .overview-card:hover .overview-card__media img{transform:scale(1.06)}
body.dir-r2nij .section--specialists .person-card__profile{border-radius:0}
/* body strakker + pijl bij Lees meer */
body.dir-r2nij .overview-card__body{padding:1.5rem 1.55rem 1.65rem;gap:.55rem}
body.dir-r2nij .overview-card__title{font-size:1.2rem;line-height:1.25}
body.dir-r2nij .overview-card__body::after{content:"Lees meer \2192";color:var(--c-brand);font-weight:700;
  padding-top:.55rem;letter-spacing:.01em}

/* --- knoppen: grote pill, koraal primair (net als Nij's roze CTA) --- */
body.dir-r2nij .btn--primary{box-shadow:var(--shadow-btn)}
body.dir-r2nij .btn--secondary{border-color:var(--c-brand);color:var(--c-brand)}
body.dir-r2nij .site-header__cta{padding:.9rem 1.9rem}

/* --- section-koppen groot en centraal zoals "Ontdek de mogelijkheden" --- */
body.dir-r2nij .section--overview-cards .section__header,
body.dir-r2nij .section--specialists .section__header,
body.dir-r2nij .section--stories .section__header{text-align:center;margin-inline:auto}
body.dir-r2nij .section--overview-cards .section__label{color:var(--c-brand);background:var(--c-pill-bg);
  padding:.4rem 1rem;border-radius:999px;font-weight:700}

/* --- mega-menu accentbalk in koraal->navy --- */
body.dir-r2nij .mega::after{background:linear-gradient(90deg,var(--c-accent),var(--c-brand-2))}

/* --- CTA-band: navy met koraal knop --- */
body.dir-r2nij .section--cta-band{background:var(--c-brand)}
body.dir-r2nij .section--cta-band .btn--white{background:#fff;color:var(--c-brand)}

/* --- footer al navy via tokens --- */

/* ---- Nij-variant: zwevend hero-kaartje + koraal-CTA ---- */
body.dir-r2nij .header--header-home .container{position:relative}
body.dir-r2nij .hero-cta{margin-bottom:1.1rem}
body.dir-r2nij .hero-float{position:absolute;left:1.15rem;bottom:1.15rem;top:auto;right:auto;z-index:4;
  display:inline-flex;align-items:center;gap:.9rem;
  background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;
  padding:.95rem 1.3rem;box-shadow:var(--shadow-md);text-decoration:none;transition:transform .2s,box-shadow .2s}
body.dir-r2nij .hero-float:hover{transform:translateY(-3px);box-shadow:0 40px 70px -30px rgba(38,94,93,.45)}
body.dir-r2nij .hero-float__ic{width:48px;height:48px;border-radius:50%;background:var(--c-accent);color:#fff;display:grid;place-items:center;flex:none}
body.dir-r2nij .hero-float__label{display:block;font-size:.75rem;color:var(--c-muted);font-weight:600;line-height:1.2}
body.dir-r2nij .hero-float__title{display:block;font-family:var(--font-display);font-weight:700;color:var(--c-brand);font-size:1.05rem;line-height:1.2}
@media(max-width:760px){body.dir-r2nij .hero-float{display:none}}

/* ---- Nij-variant: subpagina-koppen verfijnd ---- */
body.dir-r2nij .header--header-inner{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
body.dir-r2nij .header--header-inner .header__content{max-width:60rem}
body.dir-r2nij .header--header-inner .header__media{border-radius:var(--radius-md);margin-top:2rem;box-shadow:var(--shadow-md)}
body.dir-r2nij .header--header-inner .header__label{letter-spacing:.14em}

/* ---- Nij-variant: mega-menu verfijning ---- */
body.dir-r2nij .mega__link{font-size:.95rem;padding:.6rem .7rem}
body.dir-r2nij .mega__link:hover{background:var(--c-pill-bg);color:var(--c-brand)}
body.dir-r2nij .mega__feature{border-radius:var(--radius-md)}
body.dir-r2nij .mega__fcta{border-radius:999px}
body.dir-r2nij .nav__link{font-weight:600}

/* ================================================================= */
/* ===== Nij-variant :: per-element optimalisatie (dir-r2nij) ====== */
/* ================================================================= */

/* ---- ELEMENT: behandel/subpagina-hero als verzorgde tweekolom ---- */
body.dir-r2nij .header--header-inner{padding-block:clamp(2.5rem,5vw,4.5rem);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
body.dir-r2nij .header--header-inner .container:has(.header__media){display:grid;
  grid-template-columns:1.04fr .96fr;gap:clamp(2rem,4vw,4rem);align-items:center}
body.dir-r2nij .header--header-inner .header__content{max-width:38rem}
body.dir-r2nij .header--header-inner .header__title{margin-bottom:.4em}
body.dir-r2nij .header--header-inner .header__actions{margin-top:1.75rem}
body.dir-r2nij .header--header-inner .header__media{margin-top:0;border-radius:var(--radius-lg);
  overflow:hidden;aspect-ratio:4/3.1;box-shadow:var(--shadow-md)}
body.dir-r2nij .header--header-inner .header__media img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){
  body.dir-r2nij .header--header-inner .container:has(.header__media){grid-template-columns:1fr}
  body.dir-r2nij .header--header-inner .header__media{margin-top:1.75rem;aspect-ratio:16/9}
}

/* ---- ELEMENT: media+tekst-blokken, rustig ritme en grote ronde beelden ---- */
body.dir-r2nij .section--media-copy .grid{align-items:center;row-gap:2.5rem}
body.dir-r2nij .section--media-copy picture{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
body.dir-r2nij .section--media-copy picture img{aspect-ratio:5/4;object-fit:cover}
body.dir-r2nij .section--media-copy .section__label{color:var(--c-accent-text)}
body.dir-r2nij .section--media-copy .section__title{color:var(--c-brand)}
@media(min-width:768px){
  body.dir-r2nij .section--media-copy .col-md-6.order-md-1{padding-right:2.5rem}
  body.dir-r2nij .section--media-copy .col-md-6.order-md-2{padding-left:2.5rem}
}

/* ---- ELEMENT: rich-text, leesbare kolom met eerste-alinea-lead ---- */
body.dir-r2nij .section--rich-text .section__description{max-width:44rem}
body.dir-r2nij .section--rich-text.scheme--white .section__description>p:first-child{font-size:1.2rem;line-height:1.6;color:var(--c-heading)}
body.dir-r2nij .section--rich-text.scheme--sage,
body.dir-r2nij .section--rich-text.scheme--frost{border-radius:var(--radius-lg)}
body.dir-r2nij .section--rich-text h2,body.dir-r2nij .section--rich-text h3{color:var(--c-brand)}

/* ---- ELEMENT: FAQ-accordeon, ruim en afgerond ---- */
body.dir-r2nij .section--faqs-accordion .contact-card{background:var(--c-brand);color:#fff;border-radius:var(--radius-lg)}
body.dir-r2nij .section--faqs-accordion .contact-card__title{color:#fff}
body.dir-r2nij .section--faqs-accordion .contact-card__description{color:rgba(255,255,255,.85)}
body.dir-r2nij .section--faqs-accordion .contact-card .btn{background:var(--c-accent);color:#fff;border-color:transparent}
body.dir-r2nij .accordion{border-top:0;display:flex;flex-direction:column;gap:.85rem}
body.dir-r2nij .accordion__item{border-bottom:0;background:var(--c-surface);border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);padding:0 1.35rem;transition:box-shadow .2s}
body.dir-r2nij .accordion__item.open{box-shadow:var(--shadow-md)}
body.dir-r2nij .accordion__heading{padding:1.2rem 2.5rem 1.2rem 0;font-weight:700;color:var(--c-brand)}
body.dir-r2nij .accordion__heading::after{border-color:var(--c-accent);top:1.55rem}

/* ---- ELEMENT: overview/related cards, koraal "lees meer" ---- */
body.dir-r2nij .overview-card__body::after{color:var(--c-accent-text)}
body.dir-r2nij .overview-card__media img{aspect-ratio:16/10;object-fit:cover}

/* ---- ELEMENT: mega-menu, professioneel en luchtig ---- */
@media(min-width:1201px){
  body.dir-r2nij .mega{border-top:0;box-shadow:0 40px 80px -40px rgba(44,45,99,.4)}
  body.dir-r2nij .mega__inner{padding-top:2.4rem;padding-bottom:.5rem;gap:3rem;grid-template-columns:1fr minmax(280px,340px)}
  body.dir-r2nij .mega__list{gap:.35rem 2rem}
  body.dir-r2nij .mega__link{border-radius:12px;font-weight:600;color:var(--c-ink);position:relative}
  body.dir-r2nij .mega__link::after{content:"→";margin-left:auto;opacity:0;transform:translateX(-4px);
    transition:opacity .16s,transform .16s;color:var(--c-accent);font-weight:700}
  body.dir-r2nij .mega__link:hover{background:var(--c-pill-bg);color:var(--c-brand)}
  body.dir-r2nij .mega__link:hover::after{opacity:1;transform:none}
  body.dir-r2nij .mega__dot{display:none}
  body.dir-r2nij .mega__feature{background:var(--sch-frost-bg);border-radius:var(--radius-md)}
  body.dir-r2nij .mega__ftitle{color:var(--c-brand)}
  body.dir-r2nij .mega__bar{background:transparent;border-top:1px solid var(--c-border);margin-top:1.4rem}
  body.dir-r2nij .mega__barlink{color:var(--c-brand)}
}

/* ---- ELEMENT: homepage-secties, centrale koppen en luchtige CTA ---- */
body.dir-r2nij .section--overview-cards{background:var(--c-page)}
body.dir-r2nij .section--overview-cards .section__header,
body.dir-r2nij .section--blog-posts .section__header{text-align:center;margin-inline:auto;max-width:44rem}
body.dir-r2nij .section--blog-posts .section__label,
body.dir-r2nij .section--specialists .section__label,
body.dir-r2nij .section--stories .section__label{color:var(--c-brand);background:var(--c-pill-bg);
  display:inline-block;padding:.4rem 1rem;border-radius:999px;font-weight:700;margin-bottom:1rem}
body.dir-r2nij .section--cta-band{border-radius:var(--radius-lg);margin:0 auto;max-width:var(--container-full)}
body.dir-r2nij .section--cta-band .cta-band__inner{padding-block:.5rem}

/* ---- Waardenblok (preview B) ---- */
.section--values .grid{align-items:stretch}
.section--values .grid>[class*="col-"]{display:flex}
.section--values .value-card{display:flex;flex-direction:column;width:100%;height:100%;
  background:var(--c-surface);border-radius:var(--radius-lg);padding:2rem 1.75rem;
  box-shadow:var(--shadow-sm);border:1px solid var(--c-card-border)}
.section--values .value-card__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;
  background:var(--c-pill-bg);color:var(--c-brand);margin-bottom:1.25rem;flex:0 0 auto}
.section--values .value-card__ic svg{width:26px;height:26px}
.section--values .value-card__title{font-size:1.2rem;line-height:1.25;color:var(--c-heading);margin:0 0 .5rem}
.section--values .value-card__text{font-size:.95rem;line-height:1.55;color:var(--c-muted);margin:0}
body.dir-r2nij .section--values .value-card{border:0}

/* ==== Uitlijning-polish previews A/B (MCK-huisstijl) ==== */
/* Situatieband: gecentreerd, ingekaderd, chips op een strakke rij */
body.dir-r2nij .section--situatie{background:var(--sch-frost-bg)}
body.dir-r2nij .situatie__inner{flex-direction:column;align-items:center;text-align:center;
  gap:1rem;padding-block:1.9rem}
body.dir-r2nij .situatie__label{font-family:var(--font-display);font-size:1.05rem;color:var(--c-heading)}
body.dir-r2nij .situatie__chips{justify-content:center}
body.dir-r2nij .situatie__chip{background:#fff;border:1px solid var(--c-card-border);color:var(--c-brand);font-weight:600}
/* Gelijke kaarthoogtes zodat rijen strak uitlijnen */
body.dir-r2nij .section--overview-cards .grid,
body.dir-r2nij .section--specialists .grid{align-items:stretch}
body.dir-r2nij .section--overview-cards .grid>[class*="col-"],
body.dir-r2nij .section--specialists .grid>[class*="col-"]{display:flex}
body.dir-r2nij .section--overview-cards .overview-card,
body.dir-r2nij .section--specialists .person-card{width:100%;height:100%}
/* Consistente sectiekop-ruimte en gebalanceerde koptekst */
body.dir-r2nij .front-section .section__header,
body.dir-r2nij .section--values .section__header{margin-bottom:2.6rem;max-width:46rem}
body.dir-r2nij .section--values .section__header{text-align:center;margin-inline:auto}
body.dir-r2nij .section--values .section__label{color:var(--c-brand);background:var(--c-pill-bg);
  padding:.35rem .85rem;border-radius:999px}
/* CTA-band strak uitgelijnd */
body.dir-r2nij .cta-band__inner{align-items:center}

/* WCAG 2.2 doelgrootte: losstaande links minimaal 24px hoog aanraakbaar */
.topbar__link{display:inline-flex;align-items:center;min-height:24px}