/* Mobile navigation dropdown toggle fix
   On touch devices the focused dropdown button can keep the menu visible through
   :focus-within even after JS removes .is-open. In the mobile overlay, the open
   state must be controlled only by .is-open so tapping the same dropdown closes it.
*/
@media (max-width: 1024px) {
  body.menu-open .nav-wrap .nav-dropdown:not(.is-open) .nav-dropdown__menu,
  body.menu-open .nav-wrap .nav-dropdown:not(.is-open):hover .nav-dropdown__menu,
  body.menu-open .nav-wrap .nav-dropdown:not(.is-open):focus-within .nav-dropdown__menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.menu-open .nav-wrap .nav-dropdown.is-open .nav-dropdown__menu,
  body.menu-open .nav-wrap .nav-dropdown.is-open:hover .nav-dropdown__menu,
  body.menu-open .nav-wrap .nav-dropdown.is-open:focus-within .nav-dropdown__menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}