/*
 * SYSTJEM 11.2.6 — kritieke navigatie-hotfix
 * De primaire navigatie staat nu buiten de inhoudscontainer en kan niet meer
 * over titels, formulieren of kaarten heen vallen.
 */

:root{
  --s126-sidebar:260px;
  --s126-topbar:64px;
}

body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav{
  position:fixed!important;
  top:108px!important;
  left:14px!important;
  right:auto!important;
  bottom:18px!important;
  width:232px!important;
  max-width:232px!important;
  height:auto!important;
  margin:0!important;
  padding:8px!important;
  z-index:470!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateX(0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  scrollbar-width:none!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav::-webkit-scrollbar{display:none!important}

/* Nooit nog een tweede navigatie in de inhoudslaag. */
body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap > #primaryAdminNav,
body.admin-sidebar-on:not(.butcher-original-layout) .admin-wrap > .primary-nav{display:none!important}

body.admin-sidebar-on:not(.butcher-original-layout) > .admin-wrap{
  position:relative!important;
  z-index:1!important;
  margin-left:var(--s126-sidebar)!important;
  padding-top:calc(var(--s126-topbar) + 30px)!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) > .session-topbar{z-index:500!important}
body.admin-sidebar-on:not(.butcher-original-layout) > .admin-hero{z-index:440!important}
body.admin-sidebar-on:not(.butcher-original-layout) > .mobile-nav-overlay{z-index:430!important}

@media(min-width:901px){
  body.admin-sidebar-on:not(.butcher-original-layout).sidebar-collapsed > #primaryAdminNav{
    transform:translateX(-290px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout).sidebar-collapsed > .admin-wrap{margin-left:0!important}
}

@media(max-width:900px){
  body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav{
    top:108px!important;
    left:12px!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    width:calc(min(86vw,320px) - 24px)!important;
    max-width:none!important;
    transform:translateX(-120%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout).mobile-nav-open > #primaryAdminNav{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) > .admin-wrap{
    width:100%!important;
    margin-left:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* SYSTJEM 11.2.7 — navigatielinks altijd boven de donkere zijbalk */
body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav{
  z-index:470!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) > .admin-hero{
  z-index:440!important;
}
body.admin-sidebar-on:not(.butcher-original-layout) > .session-topbar{
  z-index:500!important;
}
@media(max-width:900px){
  body.admin-sidebar-on:not(.butcher-original-layout).mobile-nav-open > #primaryAdminNav{
    z-index:470!important;
  }
}