/* Streek44 1.7: regiobalk zoals 1.4, met automatische licht/donker-aanpassing */
.streek44-regiobar{--s44-bg:#f8f7fb;--s44-text:#272749;--s44-active:#fff;--s44-active-text:#272749;box-sizing:border-box;width:100%;background:var(--s44-bg)!important;border:0!important;position:relative;z-index:0;font-family:inherit;clear:both;transition:background-color .2s ease}
.streek44-regiobar__inner{box-sizing:border-box;max-width:1280px;margin:auto;display:flex;align-items:center;gap:5px;padding:5px 18px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.streek44-regiobar__inner::-webkit-scrollbar{display:none}
.streek44-regiobar a{display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;min-height:31px;padding:7px 11px;border:0!important;border-radius:5px;background:transparent!important;box-shadow:none!important;color:var(--s44-text)!important;text-decoration:none!important;font-size:14px;font-weight:500;line-height:1.25;transition:background-color .15s,color .15s}
.streek44-regiobar a:hover{background:color-mix(in srgb,var(--s44-active) 65%,transparent)!important;color:var(--s44-active-text)!important}
.streek44-regiobar a:focus-visible{outline:2px solid #5cb968;outline-offset:2px}
.streek44-regiobar a[aria-current="page"]{background:var(--s44-active)!important;color:var(--s44-active-text)!important;font-weight:650;box-shadow:0 1px 4px rgba(0,0,0,.06)!important}
.streek44-regiobar.s44-dark{--s44-bg:#252a2e;--s44-text:#c7c9cc;--s44-active:#394047;--s44-active-text:#fff}
.streek44-regiobar.s44-dark a:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}
.streek44-regiobar.s44-dark a[aria-current="page"]{background:var(--s44-active)!important;color:var(--s44-active-text)!important}
@media(max-width:767px){.streek44-regiobar__inner{gap:2px;padding:4px 10px}.streek44-regiobar a{font-size:14px;min-height:31px;padding:7px 9px}}

/* v2.0: regiomenu dichter bij de hoofdheader, meer ademruimte vóór de inhoud.
   Marges zijn bewust beperkt om sticky headers en mobiel niet te overlappen. */
@media (min-width: 768px) {
  .streek44-regiobar { margin-top: -4px; padding-bottom: 19px; }
}
@media (max-width: 767px) {
  .streek44-regiobar { margin-top: 0px; padding-bottom: 17px; }
}

/* v2.1: het Blogsy-uitklapmenu moet vóór de regiobalk liggen.
   Alleen de hoofdheader-navigatie krijgt een hogere stapelvolgorde;
   de regiobalk blijft op de eigen plek en behoudt alle klikbare links. */
header:has(> .streek44-regiobar) nav:not(.streek44-regiobar),
.site-header:has(> .streek44-regiobar) nav:not(.streek44-regiobar),
.main-header:has(> .streek44-regiobar) nav:not(.streek44-regiobar),
.ct-header:has(> .streek44-regiobar) nav:not(.streek44-regiobar) {
  position: relative;
  z-index: 20;
}
header:has(> .streek44-regiobar) .sub-menu,
header:has(> .streek44-regiobar) .children,
.site-header:has(> .streek44-regiobar) .sub-menu,
.ct-header:has(> .streek44-regiobar) .sub-menu {
  z-index: 30;
}
/* Ook headers waarbij de menulijst niet in een nav-element zit. */
.s44-regio-header > :not(.streek44-regiobar) .sub-menu,
.s44-regio-header > :not(.streek44-regiobar) .children,
.s44-regio-header > :not(.streek44-regiobar) [class*="dropdown-menu"] {
  z-index: 50;
}

/* v2.2: herstel de volledige stapelvolgorde van de hoofdheader.
   Het uitklapmenu zat in een lagere stacking context dan de regiobalk.
   Verhoog daarom de directe header-rij(en), niet alleen de submenu's. */
.s44-regio-header { isolation: auto !important; }
.s44-regio-header > .streek44-regiobar {
  position: relative !important;
  z-index: 1 !important;
}
.s44-regio-header > :not(.streek44-regiobar) {
  position: relative;
  z-index: 100 !important;
  overflow: visible;
}
.s44-regio-header .s44-regio-header-layer {
  position: relative;
  z-index: 100 !important;
  overflow: visible !important;
}
.s44-regio-header .s44-regio-header-layer .sub-menu,
.s44-regio-header .s44-regio-header-layer .children,
.s44-regio-header .s44-regio-header-layer [class*="dropdown-menu"] {
  z-index: 101 !important;
}

/* v2.3: 5–6px lager zodat de geselecteerde regioknop volledig zichtbaar is. */