/* Modern Navbar Styles - Updated for Tailwind classes */

/* Services dropdown using Tailwind group utilities */
.group:hover .group-hover\:visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.group:hover .group-hover\:translate-y-0 {
    transform: translateY(0) !important;
}

.group .group-hover\:invisible {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease;
}

/* User dropdown using Tailwind group utilities */
.user-dropdown:hover .group-hover\:visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.user-dropdown:hover .group-hover\:translate-y-0 {
    transform: translateY(0) !important;
}

.user-dropdown .group-hover\:invisible {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease;
}

/* Mobile menu styles */
#mobile-menu {
    transition: max-height 0.3s ease;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: white !important;
    border-top: 1px solid #e5e7eb !important;
    z-index: 50 !important;
}

#mobile-menu.hidden {
    max-height: 0;
    overflow: hidden;
}

#mobile-menu:not(.hidden) {
    max-height: 100vh;
}

/* Mobile menu toggle button styles */
#mobile-menu-toggle {
    transition: transform 0.2s ease;
}

#mobile-menu-toggle:hover {
    background-color: #f3f4f6 !important;
}

/* Ensure proper mobile menu display */
@media (max-width: 768px) {
    #mobile-menu a {
        display: block !important;
        padding: 0.75rem 1rem !important;
        color: #374151 !important;
        text-decoration: none !important;
    }

    #mobile-menu a:hover {
        background-color: #f3f4f6 !important;
    }
}