/* Custom Dropdown Styles */
.navbar .nav-item .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.08);
    background: var(--bs-dark);
    min-width: 250px;
}

/* Nested Dropdown Styles */
.dropdown-item {
    position: relative;
}

.dropdown-item.nested-dropdown {
    padding: 0;
}

.dropdown-item.nested-dropdown > .dropdown-item {
    padding: 0.5rem 1rem;
}

.dropdown-item.nested-dropdown > .dropdown-item:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.nested-dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background: var(--bs-white);
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.08);
    min-width: 250px;
    z-index: 1000;
}

.dropdown-item.nested-dropdown:hover .nested-dropdown-menu {
    display: block;
}

/* Mobile Styles */
@media (max-width: 991.98px) {
    .navbar .nav-item .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        margin-top: 0;
        background: transparent;
        box-shadow: none;
        border: none;
        border-radius: 0;
    }
    
    .dropdown-item.nested-dropdown {
        background: transparent;
    }
    
    .dropdown-item.nested-dropdown > .dropdown-item {
        padding: 0.5rem 1rem 0.5rem;
        color: var(--bs-dark);
    }
    
    .dropdown-item.nested-dropdown > .dropdown-item:hover {
        background: var(--bs-primary);
        color: var(--bs-white);
    }
    
    .nested-dropdown-menu {
        position: static;
        display: none;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        background: transparent;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding-left: 1rem;
    }
    
    .dropdown-item.nested-dropdown.show .nested-dropdown-menu {
        display: block;
    }
    
    .dropdown-item.nested-dropdown > .dropdown-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    
    .dropdown-item.nested-dropdown > .dropdown-item i {
        transition: transform 0.3s ease;
    }
    
    .dropdown-item.nested-dropdown.show > .dropdown-item i {
        transform: rotate(90deg);
    }
    
    .nested-dropdown-menu .dropdown-item {
        padding: 0.5rem 1rem 0.5rem 3rem;
        color: var(--bs-dark);
        border-left: 2px solid var(--bs-primary);
        margin-left: 1rem;
    }
    
    .nested-dropdown-menu .dropdown-item:hover {
        background: var(--bs-primary);
        color: var(--bs-white);
    }
}

/* Desktop Hover Effects */
@media (min-width: 992px) {
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
        animation: fadeInUp 0.3s ease;
    }
    
    .nested-dropdown-menu {
        animation: fadeInLeft 0.3s ease;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}