/* 
 * Navbar Dropdown Hover Enhancement
 * Makes dropdowns appear on hover while maintaining click navigation
 */

/* Show dropdown on hover for desktop */
@media (min-width: 992px) {
    .navbar-nav .dropdown:hover>.dropdown-menu {
        display: block;
        animation: fadeInDown 0.3s ease-in-out;
    }

    /* Smooth dropdown animation */
    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Ensure dropdown menu positioning */
    .navbar-nav .dropdown-menu {
        margin-top: 0;
        border-top: 3px solid #d4af37;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    /* Prevent dropdown toggle arrow from blocking clicks */
    .navbar-nav .dropdown-toggle::after {
        pointer-events: none;
    }

    /* Smooth transition for dropdown items */
    .dropdown-item {
        transition: all 0.2s ease;
    }

    .dropdown-item:hover {
        background-color: #f3d945;
        color: #1a1a2e;
        padding-left: 1.75rem;
    }
}

/* Mobile: Keep default Bootstrap behavior (click to toggle) */
@media (max-width: 991.98px) {
    .navbar-nav .dropdown-menu {
        border-left: 3px solid #d4af37;
        margin-left: 1rem;
    }
}