/* Orange Multispeciality Hospital — Mobile Menu Fix (CSS)
   Only handles hiding the desktop menu + hamburger icon swap.
   The dropdown panel itself is shown/hidden via inline styles in mfix.js
   (bypasses any stylesheet specificity or load-order conflicts). */

@media (max-width: 1024px) {
  .nav-menu--main {
    display: none !important;
  }
  .elementor-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .elementor-menu-toggle__icon--close {
    display: none;
  }
  .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--open {
    display: none;
  }
  .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--close {
    display: block;
  }
}