.elementor-14875 .elementor-element.elementor-element-584a7c0{--display:flex;--background-transition:0.3s;}/* Start custom CSS for container, class: .elementor-element-584a7c0 *//* CSS pour le positionnement correct du méga menu */
.mega-menu-container {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important; /* Adapte à la largeur du contenu */
  min-width: max-content !important; /* Assure que le contenu ne soit pas coupé */
  z-index: 999 !important;
  margin: 0 !important;
  top: -15px !important; 
}

/* Pour le conteneur principal */
.mega-menu-container .main-container {
  width: 1313px !important; /* Largeur fixe selon votre design */
  margin: 0 auto !important;
}

/* Assurer que le contenu reste visible */
.mega-menu-container .elementor-widget-container {
  overflow: visible !important;
}

/* Pour garantir que les sections Elementor respectent la largeur */
.mega-menu-container .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1313px !important;
  width: 1313px !important;
}/* End custom CSS */