/* De menubalk van de hele site (alle pagina's behalve de homepage, die heeft een eigen variant). */
.site-nav { font-family:'Nunito', sans-serif; box-sizing:border-box; }
.site-nav *, .site-nav *::before, .site-nav *::after { box-sizing:border-box; margin:0; padding:0; }
.nav-links a:focus-visible, .nav-cta:focus-visible, .nav-knop:focus-visible, .nav-tel:focus-visible { outline:3px solid #7FB3F5; outline-offset:2px; }
/* menubalk: één slanke balk die bovenaan blijft staan */
.kop { position:sticky; top:0; z-index:50; }
.site-nav { position:relative; background:rgba(247,244,239,0); transition:background-color 0.4s ease, box-shadow 0.4s ease; height:64px; display:flex; align-items:center; gap:28px; padding:0 32px; box-shadow:none; }
.site-nav img { height:54px; width:54px; object-fit:contain; }
.nav-links { display:flex; gap:26px; list-style:none; align-items:center; margin-left:auto; }
.nav-links a { text-decoration:none; font-size:12.5px; font-weight:600; letter-spacing:0.07em; color:rgba(255,255,255,0.8); text-transform:uppercase; white-space:nowrap; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color:#fff; }
.nav-tel { display:inline-flex; align-items:center; gap:7px; color:rgba(255,255,255,0.85); font-size:13px; font-weight:700; letter-spacing:0.04em; text-decoration:none; white-space:nowrap; }
.nav-tel svg { width:14px; height:14px; fill:currentColor; }
.nav-tel:hover { color:#fff; }
.nav-cta { background:#1B5FBF; color:#fff; padding:11px 20px; font-size:12px; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; text-decoration:none; border-radius:9px; white-space:nowrap; }
.nav-cta:hover { background:#154FA3; }
.site-nav img, .nav-links a, .nav-tel, .nav-knop span { transition:padding 0.35s ease, color 0.35s ease, background 0.35s ease; }
.site-nav.over-licht { background:rgba(255,255,255,0.95); -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4); box-shadow:0 1px 0 rgba(10,22,40,0.08), 0 8px 24px rgba(10,22,40,0.06); }
.site-nav.over-licht img { background:#0A1628; border-radius:50%; padding:4px; }
.site-nav.over-licht .nav-links a, .site-nav.over-licht .nav-tel { color:#0A1628; }
.site-nav.over-licht .nav-links a[aria-current="page"], .site-nav.over-licht .nav-links a:hover { color:#1B5FBF; }
.site-nav.over-licht .nav-knop span { background:#0A1628; }
@media (max-width: 900px) { .site-nav.over-licht .nav-links a { color:#1A1814; } }
.nav-knop { display:none; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:0 11px; background:none; border:0; cursor:pointer; }
.nav-knop span { display:block; height:2px; background:#fff; border-radius:2px; transition:transform 0.25s ease, opacity 0.2s ease; }
.site-nav.open .nav-knop span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.site-nav.open .nav-knop span:nth-child(2) { opacity:0; }
.site-nav.open .nav-knop span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
@media (max-width: 1100px) { .nav-tel span { display:none; } .nav-links { gap:20px; } .site-nav { gap:20px; } }
@media (max-width: 900px) {
  .site-nav { height:58px; padding:0 8px 0 18px; gap:10px; }
  .site-nav img { height:48px; width:48px; }
  .nav-tel { display:none; }
  .nav-cta { margin-left:auto; padding:11px 14px; font-size:12.5px; }
  .nav-knop { display:flex; margin-left:auto; }
  .nav-links { display:none; position:absolute; top:calc(100% + 8px); left:12px; right:12px; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:8px 22px 12px; background:#fff; border-radius:14px; box-shadow:0 16px 48px rgba(10,22,40,0.25); }
  .site-nav.open .nav-links { display:flex; }
  .nav-links li { border-bottom:1px solid rgba(0,0,0,0.07); }
  .nav-links li:last-child { border-bottom:0; }
  .nav-links a { display:block; padding:15px 0; color:#1A1814; font-size:14px; letter-spacing:0.05em; }
  .nav-links a:hover, .nav-links a[aria-current="page"] { color:#1B5FBF; }
}


/* Altijd transparant met witte tekst (de site is overal donker); een zachte waas houdt hem leesbaar */
.site-nav, .site-nav.over-licht { background:linear-gradient(180deg, rgba(10,22,40,0.62) 0%, rgba(10,22,40,0.32) 62%, rgba(10,22,40,0) 100%); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
.site-nav.over-licht img { background:none; padding:0; }
.site-nav img { filter:drop-shadow(0 1px 4px rgba(0,0,0,0.45)); }
.site-nav.over-licht .nav-links a, .site-nav.over-licht .nav-tel { color:rgba(255,255,255,0.88); }
.site-nav.over-licht .nav-links a[aria-current="page"], .site-nav.over-licht .nav-links a:hover { color:#fff; }
.site-nav.over-licht .nav-knop span { background:#fff; }
.nav-links a, .nav-tel { text-shadow:0 1px 6px rgba(0,0,0,0.35); }
@media (max-width: 900px) {
  .site-nav .nav-links a, .site-nav.over-licht .nav-links a { color:#1A1814; text-shadow:none; }
  .site-nav .nav-links a[aria-current="page"], .site-nav .nav-links a:hover { color:#1B5FBF; }
}