/* 
 * z-index-fixes.css
 * Corrections pour les problèmes de superposition des menus déroulants
 * À placer dans : /www/partials/z-index-fixes.css
 */

/* 1. Forcer le header au-dessus de tout */
#header-container,
header {
  z-index: 9999 !important;
  position: sticky !important;
  top: 0 !important;
  isolation: isolate !important;
}

/* 2. S'assurer que les dropdowns sont bien au-dessus */
.dropdown {
  z-index: 99999 !important;
  position: absolute !important;
}

/* 3. Fix pour les menu-item pour créer un contexte de stacking correct */
.menu-item {
  position: relative !important;
  z-index: 10000 !important;
}

/* 4. Réduire le z-index de tout le contenu principal */
main,
main > *,
.hero-section {
  position: relative;
  z-index: 1 !important;
}

/* 5. S'assurer que le canvas de fond reste en arrière */
#background-graph {
  position: fixed !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* 6. Override pour la règle problématique dans index.html */
body > *:not(canvas) {
  z-index: auto !important; /* Reset la valeur */
}

/* 7. Ensuite appliquer les bonnes valeurs */
body > main,
body > section {
  position: relative;
  z-index: 1 !important;
}

/* 8. Le header doit rester sticky et au-dessus */
body > #header-container {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: white !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}

/* 9. S'assurer que le menu mobile fonctionne aussi */
#mobile-menu {
  z-index: 9998 !important;
  position: relative !important;
  background-color: white !important;
}

/* 10. Fix spécifique pour empêcher le contenu de passer au-dessus pendant le scroll */
.hero-section > div,
main section > div {
  position: relative;
  z-index: inherit !important;
}

/* 11. S'assurer que les dropdowns restent visibles même avec overflow */
nav.hidden.md\:flex {
  position: static !important;
}

/* 12. Corriger spécifiquement la classe z-50 de Tailwind si elle est utilisée */
.z-50 {
  z-index: 9999 !important;
}