/* Mobile Menu Styles */
@media (max-width: 768px) {
  /* Smooth height transition for mobile menu */
  [data-mobile-menu-target="menu"] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }
  
  [data-mobile-menu-target="menu"]:not(.hidden) {
    max-height: 100vh;
  }
  
  /* Ensure proper spacing on mobile */
  .mobile-menu-item {
    @apply block px-3 py-2 rounded-md text-base font-medium transition-colors;
  }
}

/* Hamburger menu icon animation (optional) */
[data-action="click->mobile-menu#toggle"] {
  @apply transition-transform duration-200 ease-in-out;
}

[data-action="click->mobile-menu#toggle"]:active {
  @apply scale-95;
}