/* QuadMenu + Divi: mobile dropdown anchored to the full header row, not the icon. */
@media (max-width: 980px) {
  #main-header {
    z-index: 9999;
  }
  /* Divi normally anchors the mobile dropdown on its header container.
     A positioned hamburger wrapper makes the dropdown only icon-width. */
  #main-header #et_mobile_nav_menu,
  #main-header #et_mobile_nav_menu .mobile_nav {
    position: static !important;
  }
  #main-header #et_mobile_nav_menu .mobile_menu_bar_toggle {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
  }
  #main-header #et_mobile_nav_menu .mobile_menu_bar_toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
  }
  #main-header #et_mobile_nav_menu .mobile_nav.opened > .et_mobile_menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
  }
  #main-header #et_mobile_nav_menu .et_mobile_menu .quadmenu-container,
  #main-header #et_mobile_nav_menu .et_mobile_menu .quadmenu-navbar-nav {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}