/* ---------- navigatie ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(247,246,241,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);transition:box-shadow .3s,transform .35s var(--ease)}
.nav.vast{box-shadow:0 1px 0 var(--lijn)}
.nav.weg{transform:translateY(-100%)}
.nav .wrap{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.nav-logo{display:flex;align-items:center;gap:.6rem;flex:none}
.nav-logo svg{height:30px;width:auto}
.nav-logo .tag{font-family:var(--hand);color:var(--actie);font-size:1.15rem;font-weight:600;line-height:1;margin-top:8px}
.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}
.nav-links > a{padding:.55rem .75rem;border-radius:var(--r-pill);font-weight:500;font-size:.92rem;color:var(--tekst);white-space:nowrap;transition:background .2s,color .2s}
.nav-links > a:hover{background:var(--veld);color:var(--inkt)}
.nav-links .knop{margin-left:.5rem}
.nav-links .inloggen{color:var(--sage-diep);font-weight:600}
.nav-knop{display:none;margin-left:auto;align-items:center;gap:.5rem;font-weight:600;padding:.6rem .9rem;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--schaduw-kaart)}
.nav-knop .ic{width:20px;height:20px}
@media (max-width:1040px){
  .nav-links{position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 0 0;background:var(--canvas);flex-direction:column;align-items:stretch;gap:.25rem;padding:1rem var(--gutter) 2rem;overflow:auto;display:none;margin:0}
  .nav.open .nav-links{display:flex}
  .nav.open .nav-links{transform:none}
  .nav-links > a{font-size:1.25rem;padding:.9rem .5rem;border-radius:var(--r-klein)}
  .nav-links .knop{margin:1rem 0 0;justify-content:center}
  .nav-knop{display:inline-flex}
  .nav .wrap{gap:.75rem}
  body.menu-open{overflow:hidden}
}

/* ---------- footer ---------- */
.footer{background:var(--sage);color:var(--inkt);margin-top:var(--sectie)}
.footer .wrap{padding-block:clamp(2.5rem,5vw,4rem) 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem}
.footer h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-diep);margin-bottom:.9rem}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.footer a{color:var(--inkt);font-size:.95rem}
.footer a:hover{text-decoration:underline}
.footer .logo svg{height:34px;width:auto;margin-bottom:.8rem}
.footer .adres{font-size:.95rem;line-height:1.7;color:var(--inkt)}
.footer .adres b{display:block}
.footer-onder{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(25,28,24,.12);font-size:.82rem;color:var(--sage-diep)}
.footer-onder a{font-size:.82rem}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}

@media (max-width:520px){.nav-logo .tag{display:none}.nav-logo img{height:26px!important}}