@import url('/fonts/google/9ee84c742f93.css');
/* ══ ZWARTE MENUBALK (MANIPURAH, nov 2026) ══════════════════════
   Eén gedeeld bestand voor alle pagina's. Laadt na site.css.
   ═══════════════════════════════════════════════════════════════ */
.site-header,
.site-header.ivory,
.site-header.overlay,
.site-header.scrolled {
  background: #0D0B08 !important;
  border: 0 !important;
  outline: 0 !important;
  border-bottom: 1px solid rgba(198,164,106,.22) !important;
  box-shadow: 0 2px 18px rgba(0,0,0,.18) !important;
  backdrop-filter: none !important;
}
.site-header .nav-link,
.site-header.ivory .nav-link,
.site-header.overlay .nav-link,
.site-header.scrolled .nav-link {
  color: rgba(247,244,239,.86) !important;
  border-color: transparent !important;
  background: transparent !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
  padding: 10px 14px !important;
}
.site-header .nav-link:hover,
.site-header .nav-link.active { color: #C6A46A !important; }
.site-header .nav-link.nav-retreat { color: #DFC99A !important; }
.site-header .nav-link.nav-ontmoeting {
  margin-left: auto;
  color: #0D0B08 !important;
  background: #C6A46A !important;
  border-color: #C6A46A !important;
  border-radius: 999px;
  padding: 10px 20px !important;
}
.site-header .nav-link.nav-ontmoeting:hover { background: #DFC99A !important; color: #0D0B08 !important; }
.site-header .nav-hamburger span,
.site-header button.hamburger span,
.site-header.ivory .nav-hamburger span,
.site-header.scrolled .nav-hamburger span { background: #F7F4EF !important; }
.nav-drawer { background: #0D0B08 !important; }

/* Tweede menutype (.nav, o.a. contact, ervaringen, inzichten) */
.nav, .nav.scrolled { background: #0D0B08 !important; border-bottom: 1px solid rgba(198,164,106,.22) !important; backdrop-filter: none !important; }
.nav .nav-links a, .nav .nav__links a { color: rgba(247,244,239,.86) !important; }
.nav .nav-links a:hover, .nav .nav__links a:hover, .nav .nav-links a.actief { color: #C6A46A !important; }
.nav .nav-cta, .nav .nav__cta { background: #C6A46A !important; color: #0D0B08 !important; border-radius: 999px; }
.nav .nav-cta:hover, .nav .nav__cta:hover { background: #DFC99A !important; color: #0D0B08 !important; }
.nav .nav-burger span, .nav .nav__hamburger span { background: #F7F4EF !important; height: 2px !important; }
.mob, .nav__mobile { background: #0D0B08 !important; }
.mob .mob-links li a, .nav__mobile a { color: #F7F4EF !important; }
.mob .mob-close { color: #C6A46A !important; }

/* ══ MOBIEL: leesbare tekst en tikbare knoppen (nov 2026) ══ */
@media (max-width: 768px) {
  .nf-brand-desc { font-size: 14px !important; line-height: 1.6; }
  .nf-btn, .nav-hamburger, .nav .nav-burger, .nav .nav__hamburger { min-height: 44px; min-width: 44px; }
  .mob .mob-close { min-height: 44px; padding: 12px 16px; }
  .sp-donker.btn, a.btn.sp-donker { display: inline-flex; align-items: center; min-height: 44px; }
}
