/* Navigation Active States */

/* Basic nav item styles */
.nav_menu .nav-item {
    position: relative;
}

.nav_menu .nav-item a {
    position: relative;
    color: var(--night-black);
    transition: color 0.3s ease;
}

/* Underline effect for all nav items on hover */
.nav_menu .nav-item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: var(--blue-light);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.nav_menu .nav-item:hover > a::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Active state styles */
.nav_menu .nav-item.active > a {
    color: var(--blue-light);
}

.nav_menu .nav-item.active > a::after {
    transform: scaleX(1);
}

/* Current category highlight */
.category .nav_menu .nav-item[class*="category"] > a,
.single-post .nav_menu .nav-item[class*="category"] > a {
    color: var(--blue-light);
}

.category .nav_menu .nav-item[class*="category"] > a::after,
.single-post .nav_menu .nav-item[class*="category"] > a::after {
    transform: scaleX(1);
}

/* Home page active state */
.home .nav_menu .nav-home > a {
    color: var(--blue-light);
}

.home .nav_menu .nav-home > a::after {
    transform: scaleX(1);
}

/* Dropdown adjustments */
.nav_menu .nav-item.dropdown > a::after {
    bottom: -2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .nav_menu .nav-item a::after {
        bottom: 0;
    }
    
    .nav_menu .nav-item.active > a::after {
        transform: scaleX(0.5);
    }
}