/* Ninja Neumorph - Header Mobile */

@media (max-width: 1199px) {
  .dxpr-theme-header .navbar-container {
    flex-wrap: wrap;
  }

  #navbar .navbar-container > .container-row {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }

  #navbar .navbar-container > .container-row > .container-col.navbar-header-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  .navbar-header-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center !important;
    row-gap: 0.45rem;
  }

  .navbar-header {
    width: auto !important;
    min-height: 60px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center !important;
    gap: 12px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .navbar-header > div:first-child,
  .navbar-header .wrap-toggle {
    flex: 0 0 auto;
  }

  .navbar-header > div:first-child {
    display: inline-flex;
    align-items: center;
  }

  .navbar-header #block-ninja-neumorph-branding {
    padding-left: 0 !important;
  }

  .wrap-toggle {
    margin-left: 0 !important;
  }

  #dxpr-theme-menu-toggle {
    margin-left: 0 !important;
  }

  .dxpr-theme-main-menu {
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    border-top: 1px solid var(--nm-border);
    margin-top: 0.35rem;
    border-radius: 0.75rem;
    background: var(--nm-surface);
    box-shadow: var(--nm-shadow-raised-sm);
  }

  .dxpr-theme-main-menu .nav,
  .dxpr-theme-main-menu .menu {
    padding: var(--nm-space-sm) 0;
  }

  .dxpr-theme-main-menu .nav > li > a,
  .dxpr-theme-main-menu .menu > li > a {
    padding: var(--nm-space-sm) var(--nm-space-md);
    border-bottom: 1px solid var(--nm-border);
  }

  #dxpr-theme-main-menu.collapse:not(.show) {
    display: none !important;
  }

  #dxpr-theme-main-menu.collapse.show,
  #dxpr-theme-main-menu.show {
    display: block !important;
  }

  .dxpr-theme-main-menu .nav > li:last-child > a,
  .dxpr-theme-main-menu .menu > li:last-child > a {
    border-bottom: none;
  }

  .dxpr-theme-main-menu .dropdown-menu {
    position: static;
    box-shadow: none;
    border: none;
    padding-left: var(--nm-space-lg);
    background: transparent;
  }

  #block-ninja-neumorph-main-menu > ul,
  #block-ninja-neumorph-main-menu .menu {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  #block-ninja-neumorph-main-menu ul ul,
  #block-ninja-neumorph-main-menu ul ul ul {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: none !important;
    margin-top: 0 !important;
    padding-left: 0.75rem;
  }

  #block-ninja-neumorph-main-menu li.nm-submenu-open > ul {
    display: block !important;
  }

  .header-mobile-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--nm-z-fixed);
  }

  .header-mobile-fixed ~ .wrap-containers {
    padding-top: 60px;
  }
}

/* Mobile menu overlay/breadcrumbs */
.dxpr-theme-main-menu.dxpr-theme-menu--has-children.menu--open,
.dxpr-theme-main-menu.dxpr-theme-menu--has-children.menu--open .region-navigation-collapsible ul {
  background-color: var(--nm-bg);
}

nav#dxpr-theme-main-menu.dxpr-theme-main-menu.dxpr-theme-menu--has-children.menu--open nav.menu__breadcrumbs a {
  background-color: var(--nm-surface-inset);
  color: var(--nm-text);
}