/* ZNN Work navigatie 1.0.2 — uitsluitend individuele Work-projecten. */

/* Geen balk, geen waas, geen rand: het originele transparante karakter. */
body.single-nsn_work .nsn-header,
body.single-nsn_work.znn-work-on-light .nsn-header {
  background: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Op donker beeld: licht, maar niet volledig dekkend. */
body.single-nsn_work .nsn-nav__list > li > a,
body.single-nsn_work .nsn-nav__link {
  color: rgba(240, 236, 228, 0.76);
  font-weight: 700;
  transition: color 250ms ease;
}
body.single-nsn_work .nsn-nav__list > li > a:hover,
body.single-nsn_work .nsn-nav__list > li > a:focus-visible,
body.single-nsn_work .nsn-nav__list > li.current-menu-item > a {
  color: #f0ece4;
}

/* Op witte inhoud: donkere, halftransparante menunamen — geen kleurvlak. */
body.single-nsn_work.znn-work-on-light .nsn-nav__list > li > a,
body.single-nsn_work.znn-work-on-light .nsn-nav__link {
  color: rgba(15, 15, 14, 0.75);
}
body.single-nsn_work.znn-work-on-light .nsn-nav__list > li > a:hover,
body.single-nsn_work.znn-work-on-light .nsn-nav__list > li > a:focus-visible,
body.single-nsn_work.znn-work-on-light .nsn-nav__list > li.current-menu-item > a {
  color: #0f0f0e;
}
body.single-nsn_work.znn-work-on-light .nsn-header__toggle {
  color: #0f0f0e;
}

/* Submenu zelf heeft een donker vlak in het oorspronkelijke thema. */
body.single-nsn_work.znn-work-on-light .nsn-nav .sub-menu a {
  color: rgba(240, 236, 228, 0.82);
}
body.single-nsn_work.znn-work-on-light .nsn-nav .sub-menu a:hover,
body.single-nsn_work.znn-work-on-light .nsn-nav .sub-menu a:focus-visible {
  color: #f0ece4;
}

@media (max-width: 900px) {
  body.single-nsn_work.znn-work-on-light .nsn-nav.is-open a {
    color: #f0ece4;
  }
  body.single-nsn_work.znn-work-on-light .nsn-header__toggle[aria-expanded="true"] {
    color: #f0ece4;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.single-nsn_work .nsn-nav__list > li > a { transition: none; }
}

/* ZNN Work: geef de openingsfoto meer kijktijd voordat de hoofdtekst begint.
   Alleen desktop/tablet met zwevend infopaneel; mobiel behoudt zijn bestaande flow. */
@media (min-width: 1025px) {
  body.single-nsn_work .nsn-detail__hero {
    height: calc(clamp(960px, 112svh, 1180px) + var(--nsn-header-h, 92px));
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  body.single-nsn_work .nsn-detail__hero {
    height: calc(min(75svh, 680px) + var(--nsn-header-h, 92px));
  }
}

/* Fallback: eindigt de eigen scroll van de intro, laat scrollen door naar de
   documentpagina in plaats van de beweging op te sluiten in de zijbalk. */
@media (min-width: 901px) {
  body.single-nsn_work .nsn-detail__panel {
    overscroll-behavior-y: auto;
  }
}