/* Helveron · nav-2026.css · v1
   De navigatie in airflows-opzet, site-breed: logo kaal links, de tabs als
   eigen gecentreerde band, en de losse elementen (taalwissel waar aanwezig,
   CTA) rechts, alles op een middellijn. De nav-zone staat boven de content;
   onder 761px valt alles terug op het gedeelde hamburger-patroon uit
   helveron-2026.css. Tokens komen uit helveron-2026.css (html.hv-dark). */

.nav-af{padding:36px 0 0}
.nav-af.solid{padding:10px 0 0}
@media(max-width:760px){.nav-af{padding:22px 0 0}.nav-af.solid{padding:8px 0 0}}
.nav-af .nav-in{width:calc(100% - 2 * var(--gut));max-width:var(--maxw);padding:0;position:relative;
  background:transparent;border:0;border-radius:0;min-height:48px}
html.hv-dark .nav-af.solid{background:transparent;backdrop-filter:none}
html.hv-dark .nav-af.solid::after{display:none}
@media(min-width:761px){
  .nav-af .nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;
    display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:var(--r-pill);
    background:rgba(13,26,20,.66);border:1px solid rgba(46,158,110,.22);
    backdrop-filter:saturate(170%) blur(16px);-webkit-backdrop-filter:saturate(170%) blur(16px);
    transition:background var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease)}
  .nav-af .nav-links a{padding:8px 15px;border-radius:var(--r-pill);font-size:14px;
    transition:color var(--t-hover) var(--ease),background var(--t-hover) var(--ease)}
  .nav-af .nav-links a::after{display:none}
  html.hv-dark .nav-af .nav-links a.cur{background:var(--text);color:#0A0A0A}
  html.hv-dark .nav-af.solid .nav-links{background:rgba(8,16,12,.90);border-color:rgba(46,158,110,.30)}
}
/* Rechtergroep: met taalwissel duwt die naar rechts en volgt de CTA op 12px;
   zonder taalwissel duwt de CTA zelf naar rechts. */
.nav-af .nav-taal{margin-left:auto}
.nav-af .nav-cta{margin-left:auto}
.nav-af .nav-taal + .nav-cta{margin-left:12px}

/* Taalwissel: compacte pill, actieve taal licht */
.nav-taal{display:inline-flex;align-items:center;gap:2px;padding:3px;
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pill);background:rgba(255,255,255,.04)}
.nav-taal a{display:inline-flex;padding:5px 11px;font-size:12.5px;font-weight:700;letter-spacing:.02em;
  border-radius:var(--r-pill);color:var(--muted-dk);text-decoration:none;
  transition:color var(--t-hover) var(--ease),background var(--t-hover) var(--ease)}
.nav-taal a:hover{color:#fff}
.nav-taal a[aria-current="true"]{background:var(--text);color:#0A0A0A}
@media(max-width:760px){
  /* Het uitklapmenu als losse afgeronde kaart met dezelfde groene rand */
  .nav-af .nav-links{left:var(--gut);right:var(--gut);top:calc(100% + 8px);border-radius:22px;
    border:1px solid rgba(46,158,110,.20)}
}