/* ===== Mobile menu spacing / Astra base ===== */

/* Spacing for mobile menu */
.ast-mobile-header-content {
  padding: 8px 0 16px 0;
}

/* No border on X close button */
.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
  border-width: 0;
}

/* X close button position */
.ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close {
  padding: 34px;
}

/* Nested mobile arrows */
button.ast-menu-toggle {
  box-shadow: none;
}

.ast-menu-toggle:focus {
  outline: 0;
}

.ast-header-break-point .main-navigation li.menu-item-has-children ul.sub-menu li.menu-item a.menu-link span.ast-icon.icon-arrow {
  display: none;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
  color: var(--ast-global-color-3) !important;
}

/* ===== Desktop submenu ===== */
@media (min-width: 922px) {
  .main-header-menu .sub-menu,
  .ast-builder-menu-1 .sub-menu,
  .ast-desktop .main-header-menu .sub-menu {
    background: #ece0d1 !important;
    width: max-content !important;
    min-width: unset !important;
    white-space: nowrap !important;
  }

  .main-header-menu .sub-menu a,
  .ast-builder-menu-1 .sub-menu a,
  .ast-desktop .main-header-menu .sub-menu a {
    background: #ece0d1 !important;
    color: #38220f !important;
    font-size: 15px !important;
    padding: 10px 16px !important;
    text-align: left !important;
  }

  .main-header-menu .sub-menu a:hover,
  .ast-builder-menu-1 .sub-menu a:hover,
  .ast-desktop .main-header-menu .sub-menu a:hover {
    background: #ece0d1 !important;
    color: #38220f !important;
  }
}

/* ===== Mobile submenu centered ===== */
@media (max-width: 921px) {
  .ast-builder-menu-mobile .main-navigation .sub-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .ast-builder-menu-mobile .main-navigation .sub-menu li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .ast-builder-menu-mobile .main-navigation .sub-menu a,
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
    text-align: center !important;
    background: transparent !important;
    color: #38220f !important;
    font-size: 15px !important;
  }

  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link:before,
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item > a:before {
    display: none !important;
    content: none !important;
  }
}