/* We use Tailwind for most styling, but this file is for custom animations or styles not easily covered by Tailwind classes. */

#mobile-menu, #phone-dropdown {
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

/* Add a starting state for transitions */
#mobile-menu.hidden, #phone-dropdown.hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}