/**
 * FIX Menu Mobile - CSS Pur
 * Force les liens à fonctionner sans JavaScript
 * UNIQUEMENT en mode mobile - Ne touche PAS au desktop
 */

/* S'assurer que le desktop reste intact */
@media (min-width: 992px) {
    /* Rien - Le desktop utilise le CSS normal */
}

/* Mode Mobile uniquement - En dessous de 992px */
@media (max-width: 991.98px) {
    
    /* S'assurer que les liens sont cliquables */
    .horizontal-menu .dropdown-item {
        pointer-events: auto !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 9999 !important;
        display: block !important;
        width: 100% !important;
        padding: 12px 20px !important;
        color: #374151 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: none !important;
        transition: all 0.2s ease !important;
    }
    
    .horizontal-menu .dropdown-item:hover,
    .horizontal-menu .dropdown-item:active,
    .horizontal-menu .dropdown-item:focus {
        background: rgba(220, 20, 60, 0.1) !important;
        color: #dc143c !important;
        text-decoration: none !important;
        outline: none !important;
    }
    
    /* Supprimer tous les effets qui pourraient bloquer */
    .horizontal-menu .dropdown-item::before,
    .horizontal-menu .dropdown-item::after {
        display: none !important;
    }
    
    /* Forcer le dropdown-menu à être visible quand nécessaire */
    .horizontal-menu .dropdown-menu {
        position: relative !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
    }
    
    /* Empêcher le toggle-dropdown de bloquer */
    .horizontal-menu .dropdown-toggle {
        pointer-events: auto !important;
    }
    
    /* Forcer les liens du dropdown à être au-dessus de tout */
    .horizontal-menu .dropdown-menu a {
        position: relative !important;
        z-index: 10000 !important;
    }
    
    /* Supprimer les overlays qui pourraient bloquer */
    .horizontal-menu .dropdown-menu::before,
    .horizontal-menu .dropdown-menu::after {
        display: none !important;
    }
    
    /* Menu ouvert : tout doit être accessible */
    .horizontal-menu .dropdown.show .dropdown-menu,
    .horizontal-menu .dropdown.open .dropdown-menu {
        display: block !important;
        position: relative !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Supprimer les animations qui pourraient bloquer */
    .horizontal-menu .dropdown-menu * {
        animation: none !important;
        transition: background-color 0.2s ease !important;
    }
    
    /* S'assurer qu'aucun élément ne recouvre les liens */
    .horizontal-menu .nav-item {
        position: relative !important;
        z-index: auto !important;
    }
    
    .horizontal-menu .dropdown {
        position: relative !important;
    }
    
    /* Forcer le navbar-collapse à permettre les clics */
    .horizontal-menu .navbar-collapse {
        overflow-y: auto !important;
        max-height: calc(100vh - 100px) !important;
    }
    
    /* Les liens directs aussi */
    .horizontal-menu .nav-link:not(.dropdown-toggle) {
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 9999 !important;
    }
    
    /* PROTECTION : Les formulaires et boutons de formulaire doivent TOUJOURS fonctionner */
    .horizontal-menu form {
        pointer-events: auto !important;
        z-index: 10000 !important;
        position: relative !important;
    }
    
    .horizontal-menu form button,
    .horizontal-menu button[type="submit"] {
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 10001 !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* S'assurer que les formulaires ne sont jamais bloqués */
    .horizontal-menu .dropdown-item button[type="submit"],
    .horizontal-menu .dropdown-item form button {
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 10002 !important;
    }
}