/* custom-dropdown.css */
#mobile-menu {
    animation: dropdownFade 0.2s ease-in-out;
}

@keyframes dropdownFade {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Default nav item */
.nav-item {
    color: #4b5563; /* gray-700 */
    transition: color 0.3s ease;
}

.dark .nav-item {
    color: #d1d5db; /* gray-300 */
}

/* Hover */
.nav-item:hover {
    color: #06b6d4; /* cyan-500 */
}

/* Active */
.nav-item.active {
    color: #06b6d4;
    font-weight: 600;
    border-bottom: 2px solid #06b6d4;
    padding-bottom: 2px;
}