/**
 * Custom Navigation Behavior
 * Essential CSS for clickable dropdown parents with hover functionality
 */

/* Desktop Navigation - Hover-based dropdowns with delayed hiding */
@media (min-width: 768px) {
    /* Override Bootstrap dropdown toggle behavior - make links clickable */
    .navbar-nav .dropdown .gcl-dropdown-parent[data-bs-toggle="dropdown"] {
        pointer-events: auto !important;
    }
    
    /* Hide dropdowns by default */
    .navbar-nav .dropdown-menu {
        display: none;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        margin-top: var(--bs-dropdown-spacer);
    }
    
    /* Show dropdown when JS adds the show class */
    .navbar-nav .dropdown-menu.show {
        display: block;
        opacity: 1;
    }
}