/* Mobile menu fixes */
@media screen and (max-width: 991px) {
  .hamburger-menu-wrapper {
    display: block !important;
    cursor: pointer;
    padding: 10px;
    margin-left: 10px;
  }

  .hamburger-menu-bar {
    background-color: var(--neutral--800);
    border-radius: 20px;
    width: 30px; /* Smaller width for mobile */
    height: 3px; /* Thinner bars for mobile */
    margin-top: 6px;
    margin-bottom: 6px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    display: block;
  }

  /* Make the menu button more visible */
  .w-nav-button {
    display: block !important;
  }

  /* Fix overlay styling */
  .w-nav-overlay {
    top: 100% !important;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }

  /* Make sure menu items are visible when menu is open */
  .w-nav-overlay .w-nav-menu {
    display: block !important;
    padding: 20px;
  }

  /* Improve navigation menu appearance on mobile */
  .header-nav-menu-list {
    flex-direction: column;
    padding: 0;
  }

  .header-nav-list-item {
    margin: 10px 0;
  }
}