/* Subtiele centrale navigatie. Bestaande mobiele zichtbaarheid blijft behouden. */
#nav { gap:5px; }
#nav > a, #nav > .okv-nav-dropdown > summary {
 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
 gap:6px; min-height:40px; padding:9px 10px;
 border:1px solid #e3eded; border-radius:7px;
 background:#f4f8f8; color:#164e56;
 font-size:13px; font-weight:600; line-height:1.35;
 white-space:nowrap; text-decoration:none; cursor:pointer;
}
#nav > a:hover, #nav > .okv-nav-dropdown > summary:hover {
 background:#eaf2f2; border-color:#c9dddd; color:#164e56;
}
#nav > a[aria-current],
#nav > .okv-nav-dropdown[data-active="true"] > summary,
#nav > .okv-nav-dropdown[open] > summary {
 background:#e5f0f0; border-color:#bfd6d8; color:#164e56;
}
#nav > a[href="/account/"] { background:#f0f6f6; border-color:#d0e0e1; }
#nav a:focus-visible, #nav summary:focus-visible {
 outline:3px solid #b56818; outline-offset:3px;
}
#nav > .okv-nav-dropdown { align-self:center; }
#nav .okv-nav-panel {
 border:1px solid #e3eded; border-radius:10px; padding:8px;
 background:#fff; box-shadow:0 8px 22px rgb(22 78 86 / 10%);
}
#nav .okv-nav-panel a {
 border-radius:6px; padding:11px 12px; color:#164e56; text-decoration:none;
}
#nav .okv-nav-panel a:hover, #nav .okv-nav-panel a[aria-current] { background:#edf5f5; }
#nav .okv-nav-panel small {
 display:block; margin-top:3px; color:#52666a; font-size:12px; font-weight:400; line-height:1.5;
}
header .header-main { align-items:center; }
header .header-main > .header-cta {
 box-sizing:border-box; flex-shrink:0; white-space:nowrap;
 min-height:40px; align-items:center; justify-content:center;
 align-self:center; line-height:1.35;
}
@media (min-width:1100px) {
 header .header-main {
  display:flex; flex-wrap:wrap; column-gap:14px; row-gap:10px;
 }
 header .header-main > .brand { flex-shrink:0; }
 header .header-main > #nav {
  flex:1 1 540px; min-width:0; flex-wrap:wrap;
  align-items:center; justify-content:flex-end; row-gap:6px;
 }
 header .header-main > .header-cta {
  margin-left:auto; padding:9px 12px; font-size:13px;
 }
 /* Lichtgroene vulling voor alle menuknoppen */
#nav > a,
#nav > a[href="/account/"],
#nav > .okv-nav-dropdown > summary {
    background: #e5f0e9;
    border-color: #d2e3d8;
    color: #164e56;
}

/* Iets sterker groen bij aanwijzen */
#nav > a:hover,
#nav > a[href="/account/"]:hover,
#nav > .okv-nav-dropdown > summary:hover {
    background: #d8e9de;
    border-color: #bdd5c6;
    color: #164e56;
}

/* Actieve pagina en geopend vacaturemenu */
#nav > a[aria-current],
#nav > .okv-nav-dropdown[data-active="true"] > summary,
#nav > .okv-nav-dropdown[open] > summary {
    background: #d3e5da;
    border-color: #b3cdbd;
    color: #164e56;
}