/**
 * Fix d'urgence pour le menu
 * Ces règles ont une priorité élevée pour s'assurer que le menu s'affiche correctement
 */

/* Fix pour le conteneur principal du menu */
.menu-container {
  display: block !important;
  position: relative !important;
  z-index: 1000 !important;
}

/* Barre verticale au centre (desktop) */
.menu-container .fixed.left-1\/2.top-0.h-full {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  height: 100% !important;
  width: 4rem !important;
  transform: translateX(-50%) !important;
  background-image: linear-gradient(to bottom, #3b82f6, #db2777) !important;
  z-index: 30 !important;
  display: block !important;
}

/* Navigation desktop */
.menu-container nav.fixed.left-1\/2 {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 40 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Menu mobile (barre horizontale en bas) */
.menu-container .fixed.bottom-0.left-0.w-full {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4rem !important;
  background-image: linear-gradient(to right, #3b82f6, #db2777) !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* Correction pour la responsivité */
@media (max-width: 768px) {
  .menu-container .fixed.left-1\/2.top-0.h-full {
    display: none !important;
  }

  .menu-container nav.fixed.left-1\/2 {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .menu-container .fixed.bottom-0.left-0.w-full {
    display: none !important;
  }
}