/* Mobile Menu Styles */

/* Show hamburger only on mobile */
@media (min-width: 768px) {
  #mobile-menu-button {
    display: none;
  }
  
  #mobile-nav {
    display: none !important; /* Always hide mobile menu on desktop */
  }
}

/* On mobile: show hamburger, hide desktop nav */
@media (max-width: 767px) {
  #mobile-menu-button {
    display: block;
    cursor: pointer;
  }
  
  #desktop-nav {
    display: none;
  }

  /* Mobile nav styling */
  #mobile-nav {
    width: 200px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    border-radius: 4px;
  }

  #mobile-nav li {
    border-bottom: 1px solid #f0f0f0;
  }
  
  #mobile-nav li:last-child {
    border-bottom: none;
  }
  
  #mobile-nav a {
    padding: 12px 16px;
    display: block;
  }
}