/* Hover functionality for Bootstrap dropdown menus */

/* Show dropdown on hover for desktop devices */
@media (min-width: 992px) {
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    /* Smooth transition for dropdown appearance */
    .navbar-nav .dropdown-menu {
        transition: all 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
    }

    .navbar-nav .dropdown:hover .dropdown-menu,
    .navbar-nav .dropdown.show .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Ensure dropdown stays open when hovering over menu items */
    .navbar-nav .dropdown-menu:hover {
        display: block;
    }

    /* Keep the hover effect smooth */
    .navbar-nav .dropdown-toggle:hover {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
    }
}

/* Mobile devices keep click-only behavior */
@media (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        transition: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}