/* Desktop: menubalk netjes naast het logo, zonder overlap. */
@media (min-width: 992px) {
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main {
    float: right !important;
    width: max-content !important;
    margin-right: 0 !important;
    white-space: nowrap;
  }

  /* De taalkeuze staat rechtsboven, boven het menu-item Vacatures. */
  #header .header-main-inner #block-gavias-edmix-taalkeuze {
    top: -44px !important;
    right: 0 !important;
    z-index: 20;
  }

  #header .header-main-inner #block-gavias-edmix-taalkeuze .hv-language-toggle {
    font-size: 11px;
    gap: 4px;
    padding: 7px 8px;
  }
}

/* Op kleinere desktops blijft de volledige menubalk leesbaar en naast het logo. */
@media (min-width: 992px) and (max-width: 1199px) {
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li > a {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 11px !important;
  }
}

/* Goedgekeurd 13-10-2026: duidelijk gescheiden menuknoppen; bestaande links blijven intact. */
#header #block-mainnavigation ul.gva_menu_main > li > a,
#header #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger {
  box-sizing: border-box;
  border: 1px solid #cbdde6 !important;
  border-radius: 6px !important;
  background: #f6fafc !important;
  color: #173747 !important;
  text-decoration: none;
}
#header #block-mainnavigation ul.gva_menu_main > li > a:hover,
#header #block-mainnavigation ul.gva_menu_main > li > a:focus-visible,
#header #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger:hover,
#header #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger:focus-visible,
#header #block-mainnavigation ul.gva_menu_main > li.is-open > button.hv-more-trigger {
  background: #e2f2fa !important;
  border-color: #187ba5 !important;
  color: #07577b !important;
}
#header #block-mainnavigation ul.gva_menu_main > li > a:focus-visible,
#header #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger:focus-visible {
  outline: 2px solid #07577b !important;
  outline-offset: 2px !important;
}
@media (min-width: 992px) {
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li {
    vertical-align: top;
    margin: 0 !important;
  }
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li + li {
    margin-left: 6px !important;
  }
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li > a,
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 14px 0 !important;
    padding: 10px !important;
    line-height: 22px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li > a,
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger {
    font-size: 11px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 991px) {
  #header #block-mainnavigation ul.gva_menu_main > li {
    margin-bottom: 6px !important;
  }
  #header #block-mainnavigation ul.gva_menu_main > li > a,
  #header #block-mainnavigation ul.gva_menu_main > li > button.hv-more-trigger {
    min-height: 44px;
    padding: 11px 14px !important;
    line-height: 22px !important;
  }
}

/* 12 november 2026: taalkeuze krijgt eigen ruimte in de bovenbalk. */
@media(min-width:992px){
  #header .topbar-right.hv-topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:46px}
  #header .hv-topbar-tools .gva_topbar_menu{display:flex;align-items:center;gap:18px;float:none;margin:0;padding:0;white-space:nowrap}
  #header .hv-topbar-tools .gva_topbar_menu>li{margin:0;padding:0}
  #header .hv-topbar-tools .gva_topbar_menu a{display:inline-flex;align-items:center;min-height:44px}
  #header .hv-topbar-tools #block-gavias-edmix-taalkeuze{position:relative!important;inset:auto!important;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;z-index:120}
  #header .hv-topbar-tools #block-gavias-edmix-taalkeuze .hv-language-toggle{min-height:38px;font-size:12px;padding:8px 11px;white-space:nowrap}
  #header .hv-topbar-tools #block-gavias-edmix-taalkeuze .content>ul.links{inset-inline-end:0;inset-inline-start:auto;top:calc(100% + 5px)}
}
#header #menu-bar:focus-visible,#header .close-offcanvas:focus-visible{outline:3px solid #07577b;outline-offset:4px}

@media(min-width:992px){#header .topbar{padding-top:0!important;padding-bottom:0!important}#header .site-branding-logo img{max-height:78px!important;max-width:100px!important;width:auto!important;height:auto!important}}

/* Stabiel laden: gerichte correctie, 12 november 2026.
 * Reserveer direct de ruimte die de bestaande bovenbalk na initialisatie gebruikt. */
@media (min-width: 992px) {
  #header .topbar > .container > .row,
  #header .topbar-right { min-height: 46px; }
  #header .header-main-inner { min-height: 80px; }
  #header .header-main-inner #block-mainnavigation ul.gva_menu_main {
    display: flex !important;
    justify-content: flex-end;
    width: 100% !important;
  }
  /* Toon de gegroepeerde navigatie zodra Meer bestaat. Zonder JavaScript
     blijft het oorspronkelijke menu zichtbaar. Bij een scriptfout verschijnt
     dat menu alsnog binnen drie seconden. Er worden geen links verwijderd. */
  html.js #header #block-mainnavigation ul.gva_menu_main:not(:has(> .hv-more-menu)) {
    visibility: hidden;
    animation: hv-navigation-fallback 0s 3s forwards;
  }
}
@keyframes hv-navigation-fallback { to { visibility: visible; } }
/* Houd de marge van de uitnodiging binnen haar eigen bovenste inhoudsgebied. */
body.frontpage #page-main-content > .main-content-inner > .content-top {
  display: flow-root;
}
/* Bestaande compacte hero-opmaak vanaf de eerste weergave beschikbaar maken. */
html[lang="nl"] body.frontpage #home-welkom { padding: 28px 0 18px !important; }
body.frontpage #home-welkom > .bb-inner { padding-top: 0 !important; padding-bottom: 0 !important; }