.category-nav {
    border-bottom: 1px solid #e0e0e0;
}

.category-nav .nav-link {
    color: #5a6a7a;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-bottom: 3px solid transparent;
    transition: border-color 0.2s ease;
}

.category-nav .nav-link:hover, .category-nav .nav-link:focus {
    color: #0077b6;
    border-bottom-color: #0077b6;
}

/* Active state - add 'active' class to the current section */
.category-nav .nav-item.active .nav-link {
    color: #0077b6;
    border-bottom-color: #0077b6;
}

.category-nav .dropdown-toggle::after {
    margin-left: 0.5rem;
    vertical-align: middle;
}

.category-nav .dropdown-menu {
    margin-top: 0.5rem;
    border-radius: 0.25rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.category-nav .dropdown-item:hover {
    background-color: #f0f7fc;
    color: #0077b6;
}