/* Megamenu Elementor 2026 MWP */

/* Header */
#menu .e-n-menu-content {
	top: 47px;
}
#menu li.e-n-menu-item:has(.menu-simple) {
	position:relative; 
}
#menu .menu-simple {
	width: fit-content!important;
	box-shadow: 0 0 6px 0px #f2f2f2;
  border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#menu .menu-simple a:hover {
	background: #F8F8F8 !important;
}

.sousmenu-ouvert  nav ul.sub-menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: block !important;
    width: max-content !important;
}

.sousmenu-ouvert nav ul.sub-menu li a {
    border: 0;
    padding-right: 8px !important;
    padding: 13px 8px!important;
}

.sousmenu-ouvert nav.elementor-nav-menu--main ul {
    gap: 25px;
    justify-content: space-between !important;
    flex-wrap: nowrap;
    align-items: flex-start;
}

@media (max-width:1024px) {
    #menu {
        position: fixed;
        top: 10px;
        left: 10px;
        background-color: transparent;
    }
	#menu .menu-simple {
		padding: 0;
	}
	#menu .menu-simple .e-con-inner {
	width:100%;
}
	#menu .e-n-menu-title {
		width:100%!important;
		justify-content: space-between!important;
	}
	#menu .e-n-menu-dropdown-icon {
		margin-left: auto;
		margin-right: 25px;
	}
    .sousmenu-ouvert nav.elementor-nav-menu--main ul {
        flex-direction: column!important;
    }
    nav.e-n-menu .e-n-menu-wrapper {
        padding: 25px 10px 50px!important;
        background: white!important;
        min-height: 100vh!important;
    }
    nav.e-n-menu .e-n-menu-content {
        padding:0;
        background-color: white !important;
    }
    nav.e-n-menu .e-n-menu-content .e-con-inner {
        padding-top: 15px!important;
        width:80%;
        justify-content: flex-start;
    }
    nav.e-n-menu .e-n-menu-content>.e-con {
       overflow: unset !important;
        height: 100% !important;
    }
}

.sousmenu-ouvert .elementor-nav-menu>li.menu-item {
    flex-direction: column !important;
}

.sousmenu-ouvert .elementor-nav-menu>li>a {
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sousmenu-ouvert .sub-menu li:hover a.elementor-sub-item {
    background: #F8F8F8 !important;
}

.tag-top,
.tag-new {
    flex-direction: row !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 3) Faire du lien un inline-flex et mettre le tag en ::after DU LIEN */
.tag-top > a.elementor-sub-item,
.tag-new > a.elementor-sub-item{
    max-width: none !important;
    display: inline-flex!important;
    align-items: center!important;
    gap: 10px;
    white-space: nowrap;
}

/* TOP */
.tag-top > a.elementor-sub-item::after{
  content: "TOP";
  padding: 5px;
  background-color: #efefff;
  color: #635bff;
}

/* Nouveau */
.tag-new > a.elementor-sub-item::after{
  content: "Nouveau";
  padding: 5px 5px 5px 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24'%3E%3Cpath d='M 16 5 L 15.6875 5.28125 L 4.28125 16.8125 L 3.59375 17.5 L 4.28125 18.21875 L 13.78125 27.71875 L 14.5 28.40625 L 15.1875 27.71875 L 26.71875 16.3125 L 27 16 L 27 5 Z M 16.84375 7 L 25 7 L 25 15.15625 L 14.5 25.59375 L 6.40625 17.5 Z M 22 9 C 21.449219 9 21 9.449219 21 10 C 21 10.550781 21.449219 11 22 11 C 22.550781 11 23 10.550781 23 10 C 23 9.449219 22.550781 9 22 9 Z' fill='%23399f89'%3E%3C/path%3E%3C/svg%3E");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color: rgb(57 159 137 / 11%);
  color: rgb(57 159 137);
}
.megamenu-btn-img {
    transition: transform 0.5s ease-in-out;
}

.megamenu-btn-img:hover {
    transform: scale(1.02);
}
.tag-top a::after,
.tag-new a::after{
  flex: 0 0 auto;
}