/* NIF v0.18: de complete kaart is binnen de panoramische beeldfile ingekaderd.
   Geen CSS-cover of (op desktop) afsnijden en geen nieuwe hero-hoogte. */
.hero {
  background-color: #eaf3f8 !important;
  background-image: url('../assets/hero-v019.webp') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
}
/* Behoud de tekstleesbaarheid zonder de kaart rechts te verbergen */
.hero .hero-overlay { background:linear-gradient(90deg,
  rgba(235,245,250,.96) 0%, rgba(235,245,250,.86) 23%,
  rgba(235,245,250,.42) 43%, rgba(235,245,250,.03) 61%,
  transparent 74%) !important; }
@media(max-width:940px){
  .hero{background-size:100% 100% !important;background-position:center center !important}
  .hero .hero-overlay{background:linear-gradient(90deg,rgba(235,245,250,.97),rgba(235,245,250,.89) 52%,rgba(235,245,250,.36)) !important}
}
@media(max-width:670px){
  /* Mobiel blijft de prioriteit tekst en knoppen, zonder de kaart onverwacht over de kop te snijden. */
  .hero{background-size:100% 100% !important;background-position:center center !important}
  .hero .hero-overlay{background:rgba(235,245,250,.86) !important}
}

/* NIF 0.18: persistent, accessible navigation at every viewport width. */
.site-header {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0 !important;
  z-index: 1050 !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(18,45,88,.11);
}
html { scroll-padding-top: 90px; }
@media (max-width: 940px) {
  html { scroll-padding-top: 76px; }
  .site-header .primary-nav.open {
    max-height: calc(100vh - 70px);
    max-height: calc(100dvh - 70px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: white;
  }
  .site-header .mobile-toggle { touch-action: manipulation; }
}
@media (max-width: 670px) {
  html { scroll-padding-top: 68px; }
}