/* Mobile menu accordion: child menus stay in the same panel. */
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner ul {
  height: auto !important;
  overflow: visible !important;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .subMenu-wrapper {
  grid-template-columns: minmax(0, 1fr) 60px;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > a,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > .separator,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > .nav-header {
  display: flex !important;
  align-items: center;
  width: auto !important;
}

/* Override theme colors for normal, active and nested mobile menu items. */
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > a,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > a:hover,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > a:focus,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > a:active,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > .separator,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > .nav-header,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item > .menu-indicator,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item.active > a,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item.nav-item-active > a,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator {
  color: #000 !important;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-indicator {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 60px !important;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-indicator i {
  color: #000 !important;
  transition: transform 0.25s ease;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .submenu-open > .menu-indicator i {
  transform: rotate(90deg);
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus {
  position: static !important;
  inset: auto !important;
  grid-column: 1 / -1;
  width: 100% !important;
  height: auto !important;
  max-height: 0;
  overflow: hidden !important;
  visibility: hidden;
  opacity: 0;
  background: #f8f9fa !important;
  transition: max-height 0.35s ease, opacity 0.2s ease;
  pointer-events: none;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus.menu_open {
  max-height: 3000px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: auto;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .menu-go-back {
  display: none !important;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus > .menu-item > a,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus > .menu-item > .separator,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus > .menu-item > .nav-header {
  padding-left: 30px !important;
  font-weight: 400;
}

.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus > .menu-item > a,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus > .menu-item > .separator,
.astroid-mobilemenu.mobilemenu-accordion .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus > .menu-item > .nav-header {
  padding-left: 45px !important;
}