/*
  Fix header/menu overlay issues:
  Ensure `.header__nav-holder` (inside `.header__nav`) is always above gallery elements.
  Also keeps the mobile overlay menu above the header.
*/

header#header,
.header.--new,
.header__nav {
  z-index: 1000 !important;
}

/* Keep mobile overlay menu above the header (but below Bootstrap modals) */
.mobile-menu {
  z-index: 1030 !important;
}

/* Auto-collapse: show burger when desktop menu doesn't fit */
@media (min-width: 960px) {
  .header__nav.--collapsed .nav {
    display: none !important;
  }

  .header__nav.--collapsed .nav-icon {
    display: flex !important;
  }

  .header__nav.--collapsed .header__nav-block-right {
    margin-left: auto;
  }
}