/* Forcer le header à être toujours cliquable */
.header,
.header * {
    pointer-events: auto !important;
}

/* S'assurer que le navbar est au-dessus de tout dans le header */
.navbar,
.nav-link {
    position: relative !important;
    z-index: inherit !important;
}

/* Permettre au nav-links de garder sa position sur desktop */
@media (min-width: 769px) {
    .nav-links {
        position: relative !important;
        z-index: inherit !important;
    }
}

/* Empêcher les overlays de bloquer le header */
.loading-overlay,
.progress-bar {
    pointer-events: none !important;
}

/* Les éléments interactifs dans les overlays doivent être cliquables */
.loading-overlay .spinner,
.progress-bar-fill {
    pointer-events: auto !important;
}

/* Désactiver les pseudo-éléments qui pourraient bloquer */
.header::before,
.header::after,
.navbar::before,
.navbar::after {
    pointer-events: none !important;
}

/* Correction pour les liens avec position absolue/relative */
.nav-link[style*="position: absolute"],
.nav-link[style*="position: relative"] {
    z-index: auto !important;
}

/* Menu mobile - s'assurer qu'il est cliquable */
.mobile-menu-toggle {
    position: relative !important;
    z-index: 10001 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

.mobile-menu-toggle * {
    pointer-events: none !important;
}

.mobile-menu {
    z-index: 10000 !important;
}

/* Badges et éléments décoratifs ne doivent pas bloquer les clics */
.badge,
.new-badge,
[class*="badge-"] {
    pointer-events: none !important;
}

/* Les liens avec badges doivent rester cliquables */
.nav-link .badge,
.nav-link .new-badge {
    pointer-events: none !important;
}

/* ==========================================
   CORRECTIONS POUR LES SELECT/DROPDOWNS
   ========================================== */

/* Tous les selects doivent être cliquables */
select,
.sort-select,
#sort-select,
[id*="sort"],
[class*="sort"] {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 100 !important;
    cursor: pointer !important;
}

/* Container des selects */
.sort-control,
[class*="sort-control"] {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 100 !important;
}

/* Headers de résultats avec selects */
.search-results-header,
[class*="results-header"] {
    position: relative !important;
    z-index: 99 !important;
}

/* Options des selects doivent être cliquables */
select option {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Debug helper - décommenter pour voir les zones cliquables */
/*
.nav-link:hover::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid red;
    pointer-events: none;
}
*/