/*
 * Evye Marketi - Journal3 mobile drawer correction
 * Prevents the <=1024px 40% drawer rule from overriding the phone layout.
 */
@media (max-width: 760px) {
  html.mobile-header-active .mobile-main-menu-container,
  html.mobile-header-active .mobile-cart-content-container,
  html.mobile-header-active .mobile-filter-container {
    width: 90vw !important;
    max-width: 420px !important;
  }

  html.mobile-header-active .mobile-main-menu-wrapper .main-menu {
    padding: 8px 12px 18px !important;
  }

  html.mobile-header-active .mobile-main-menu-wrapper .main-menu .main-menu .menu-item > a,
  html.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li > a {
    height: auto !important;
    min-height: 48px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.25;
  }

  html.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .links-text {
    display: block;
    min-width: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word;
  }

  html.mobile-header-active .mobile-main-menu-wrapper .main-menu .open-menu {
    flex: 0 0 42px;
  }
}

@media (max-width: 360px) {
  html.mobile-header-active .mobile-main-menu-container,
  html.mobile-header-active .mobile-cart-content-container,
  html.mobile-header-active .mobile-filter-container {
    width: 94vw !important;
  }
}