/* Global CSS for BioLab Website */

/* Header Navigation - Dropdown Menu Transitions */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.group:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mobile Menu Slide Animation */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
    /* Ensure it starts off-screen if JS fails or before load, 
       but Tailwind class 'translate-x-full' usually handles this.
       We reinforce it here just in case. */
}

#mobile-menu.open {
    transform: translateX(0) !important;
    /* !important to override Tailwind's translate-x-full if it's still present using class specificity */
}