/* Simple Mobile Menu - Clean Implementation */

/* Use default Webflow menu button styling - no custom hamburger needed */

/* Simple Menu Overlay - Inline styles in JS handle everything */
/* This file is kept minimal since all styling is now handled inline in the JavaScript */

/* Hide original Webflow menu on mobile */
@media screen and (max-width: 991px) {
  .navbar-menu.w-nav-menu {
    display: none !important;
  }
}

/* Show original menu on desktop */
@media screen and (min-width: 992px) {
  .simple-menu-overlay {
    display: none !important;
  }

  .menu-button {
    display: none !important;
  }

  .navbar-menu.w-nav-menu {
    display: flex !important;
  }
}

/* Ensure menu button is visible on mobile */
@media screen and (max-width: 991px) {
  .menu-button {
    display: block !important;
  }
}