/* Général */
#menu_olwe {
	position: relative;
	z-index:999999!important;
	transition:0.3s ease-in-out;
}
#menu_olwe *{
	font-family:"Lexend";
	font-weight: 500;
	line-height: normal;
}
#menu_olwe ul{
	list-style:none;
	padding:unset;
	margin-block-end: unset;
}
#menu-container{
	background: var(--menu-bg-color);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: fit-content;
}
#menu_wrapper {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	transition:0.3s ease-in-out;
	max-width: 1400px;
	margin: auto;
	width: 100%;
	padding: 12px 60Px;
}
.menu_epingle #menu_wrapper {
	padding: 8px 60Px;
}

/******** BANDEAU ECOMMERCE ********/
#bandeau_wrapper {
	padding: 8px 60px 8px 60px;
	justify-content: center;
	align-items: center;
	background: var(--bandeau-color-2);
	transition:0.3s ease-in-out;
	display:flex;
}
.bandeau_ecommerce{
	display: inline-flex;
	align-items: center;
	text-align: center;
}
span.bandeau_ecommerce .icone {
	display: inline-flex;
	height: fit-content;
}
#bandeau_wrapper *{
	transition:0.3s ease-in-out;
	font-size: var(--font-s-little);
}
#bandeau_wrapper svg{
	height:17px;
	display: inline;
	width: fit-content;
	margin-right:10px;
}
#bandeau_wrapper a, #bandeau_wrapper span, #bandeau_wrapper svg path{
	color:var(--bandeau-color-1);
	fill:var(--bandeau-color-1);
}
#bandeau_wrapper:hover{
	background:var(--bandeau-color-4);
}
#bandeau_wrapper:hover a, #bandeau_wrapper:hover span, #bandeau_wrapper:hover svg path{
	color:var(--bandeau-color-3);
	fill:var(--bandeau-color-3);
}
@media screen and (max-width:992px){
	#bandeau_wrapper {
		padding: 8px 40px 8px 40px;
	}
}
@media screen and (max-width:767px){
	.bandeau_ecommerce{
		display: inline;
	}
	.bandeau_ecommerce span.texte {
		font-size: 14px !important;
	}
	#bandeau_wrapper {
		padding: 8px 20px 8px 20px;
	}
}

/******** MENU TOP ********/
.menu_logo {
	max-width: 200px;
}
.menu_logo img {
	height: 90px;
	width: auto;
	transition:0.3s ease-in-out;
	object-fit:contain;
}
.menu_epingle--fade .menu_logo img{
	height:70px;
}
.menu_navigation {
	width: calc(100% - 220px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.menu_epingle .menu_navigation {
	gap: 0px;
}
.menu_top, .menu_bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
}
.menu_bottom{
	gap: 20px;
}
.menu_epingle--fade .menu_bottom {
	opacity: 0;
	visibility: hidden;
}
.menu_epingle .menu_bottom {
	height: 0 !important;
}
.menu_search{
	width:100%;
	background-color: var(--recherche-color-2)!important;
	border-radius: 30px !important;
	overflow: hidden;
	margin-right:20px;
}
.menu_search_mobile form{
	background-color: var(--recherche-color-2)!important;
	border-radius: 30px !important;
	overflow: hidden;
}
.menu_search .is-form-style label,  .menu_search_mobile .is-form-style label{
	width:100%!important;
}
.menu_search .is-form-style button.is-search-submit, .menu_search_mobile .is-form-style button.is-search-submit{
	display:none!important;
}
.menu_search .is-form-style input.is-search-input, .menu_search_mobile .is-form-style input.is-search-input{
	height:36px!important;
}
.menu_search .is-search-icon , .menu_search_mobile .is-search-icon {
	display: none !important;
}
.menu_search .is-form-style input.is-search-input, .menu_search_mobile .is-form-style input.is-search-input{
	padding: 0 25px!important;
}
.menu_search *, .menu_search .is-form-style input.is-search-input,
.menu_search_mobile .is-form-style *, .menu_search_mobile .is-form-style input.is-search-input{
	border-width: 0 !important;
	font-size: 18px !important;
	/* background:transparent!important;*/
	color: var(--recherche-color-1)!important;
}
.menu_search *:not(.is-loader-image), .menu_search *:hover, .menu_search *:focus,
.menu_search .is-form-style input.is-search-input, .menu_search_mobile .is-form-style input.is-search-input,
.menu_search .is-form-style input.is-search-input:hover, .menu_search_mobile .is-form-style  input.is-search-input:hover,
.menu_search .is-form-style input.is-search-input:focus, .menu_search_mobile .is-form-style input.is-search-input:focus
{
	background:transparent!important;
}
.menu_search .is-loader-image, .menu_search_mobile .is-loader-image{
	background-image:url("/wp-content/uploads/2025/02/Rolling@1x-1.4s-200px-200px.gif")!important;
}
.menu_search_mobile, .menu_search_mobile_trigger{
	display:none;
}
.menu_search_mobile{
	position:fixed;
	visibility:hidden;
	pointer-events:none;
	opacity:0;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:99;
	justify-content:center;
	align-items:center;
	background: rgba(0, 0, 0, 0.7);
	transition:0.3s ease-in-out;
}
.menu_search_m_wrap {
	padding: 60px;
	background: white;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20Px;
	position: relative;
	width: 700Px;
	min-height: 300px;
	max-width: calc(100% - 60px);
	font-size: var(--font-s-normal);
}
.menu_search_m_wrap form {
	width: 100%;
}
.menu_search_m_wrap .close-menu {
	position: absolute;
	right: 20px;
	top: 20px;
}
.menu_outils {
	width: max-content;
}
.menu_outils {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-left: auto;
}
.menu_outils *{
	font-size: var(--font-s-normal);
}
.menu_outil_item {
	display: flex;
	gap: 5px;
	align-items: center;
	width: max-content;
}
#panier-icone a {
	position: relative;
}
#panier-icone .menu-cart-count.cart-items {
	position: absolute;
	right: -9px;
	top: -9px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	box-sizing: border-box;
	background: var(--main-blue);
	border-radius: 9px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: 11px;
	font-family: 'Lexend', sans-serif;
	z-index: 2;
	pointer-events: none;
}
.menu_outil_item a{
	color: var(--liens-color-1);
	transition:0.3s ease-in-out;
	align-items: center;
	display: inline-flex;
	gap: 8px;
}
.menu_outil_item:hover a{
	color: var(--liens-color-2);
}
.menu_outil_item img, .menu_outil_item svg, .menu_search_mobile_trigger svg {
	height: 20px;
	object-fit: contain;
	width: auto;
}
/*
#compte-icone svg path{
	fill: var(--liens-color-1);
	stroke:unset!important;
}
#compte-icone:hover svg path{
	fill: var(--liens-color-2);
}*/
.menu_outil_item svg path{
	stroke: var(--liens-color-1);
	fill: unset;
	transition:0.3s ease-in-out;
}
.menu_outil_item:hover svg path{
	stroke: var(--liens-color-2);
}
@media screen and (max-width:1200px){
	span.notShowMob {
		display: none;
	}
	.menu_logo img {
		height: 70px;
	}
	.menu_top, .menu_bottom {
		justify-content: end;
		gap:15px;
	}
	.menu_top{
		flex-direction: row-reverse;
	}
	.menu_bottom {
		display:none;
	}

	.menu_outils {
		margin-left: unset;
	}
}
@media screen and (max-width:992px){
	.menu_logo {
		max-width: 180px;
	}
}
@media screen and (max-width:767px){
	.menu_logo {
		max-width: 160px;
	}
	.menu_logo img {
		height: 50px;
	}
	.menu_search_m_wrap {
		padding: 60px 20px;
	}
}

/******** MENU CLASSIQUE ********/
.menu_classique {
	list-style: none;
	display: inline-flex;
	gap: 5px 20px;
	padding: 0;
	flex-wrap: wrap;
	justify-content: end;
}
.menu_classique *{
	font-size: var(--font-s-normal);
}
.menu_classique a{
	color: var(--liens-color-1);
}

.menu_classique a:hover{
	color:var(--liens-color-2);
}

#mobile-menu-wrapper{
	display:none;
	padding: 20px 30px;
}

@media screen and (max-width:1200px){
	.menu_search{
		display:none;
	}
	.menu_search_mobile, .menu_search_mobile_trigger{
		display: flex!important;
		cursor:pointer;
	}
	#menu_wrapper{
		padding: 8px 60Px;
	}
	#mobile-menu-wrapper{
		display: flex!important;
	}	
	#desktop_menu_wrapper{
		display:none;
	}
	ul.menu_classique {
		flex-direction: column;
	}
	
}
@media screen and (max-width:992px){
	#menu_wrapper{
		padding: 12px 40Px;
	}
	.menu_epingle #menu_wrapper {
		padding: 8px 40Px;
	}
}
@media screen and (max-width:767px){
	#menu_wrapper{
		padding: 10px 20Px;
	}
	.menu_epingle #menu_wrapper {
		padding: 8px 20Px;
	}
	#mobile-menu-wrapper{
		padding: 20px 20px;
	}

}

/******** MEGA MENU ********/
.main_menu_button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 7px 25px;
	border-radius: 20px;
	line-height: normal;
	cursor:pointer;
	background-color:var(--menu-color-2);
	color: var(--menu-color-1);
	font-size:  var(--font-s-normal);
	min-width: fit-content;
	transition:0.3s ease-in-out;
}
.main_menu_button svg path{
	fill:var(--menu-color-1);
	transition:0.3s ease-in-out;
}
@media screen and (min-width:1200px){
	#main_menu_button_1{
		visibility:hidden;
		opacity:0;
		min-width:0!important;
		width:0!important;
		height:0!important;
		padding:0;
	}
}
	
.menu_epingle--fade #main_menu_button_1{
	visibility:visible;
	min-width: fit-content!important;
	width:fit-content!important;
	height:fit-content!important;
	padding: 7px 25px;
	margin-right:20px;
}
.menu_epingle #main_menu_button_1{
	opacity:1;
}
.main_menu_button:hover{
	background-color:var(--menu-color-4);
	color: var(--menu-color-3);
}
.main_menu_button:hover svg path{
	fill: var(--menu-color-3);
}
#mega-menu-overflow{
	opacity:0;
	position: fixed;
	left: 0;
	top: 0;
	width:100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	transition:0.3s ease-in-out;
	pointer-events:none;
	-webkit-user-select:none;
}
#mega-menu-wrapper {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	position: fixed;
	left: 0;
	top: 0;
	/*height: 100dvh;*/
	width: 500px;
	max-width:100%;
	background: white;
	/* padding: 30px;*/
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transition:0.3s ease-in-out;
	transform:translatex(calc(-100% - 15px));
	overflow: visible;
	/*overflow-y: auto;
	overflow-x: visible;
	scrollbar-width: thin;
	scrollbar-color: var(--mega-fond-avant) transparent; */
}
.mega-menu-bottom {
	height: fit-content;
}
.menu-full {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	overflow-y: auto;
	height: 100dvh;
	scrollbar-width: thin;
	scrollbar-color: var(--mega-fond-avant) transparent;
	background: var(--menu-bg-color);
}
.menu-full::-webkit-scrollbar {
	width: 8px; 
	height: 0px!important;
}
.menu-full::-webkit-scrollbar-track {
	background: transparent;
}
.menu-full::-webkit-scrollbar-thumb {
	background-color: var(--mega-fond-avant);
	border-radius: 4px;
}
/*
#mega-menu-wrapper::-webkit-scrollbar {
	width: 8px;
}
#mega-menu-wrapper::-webkit-scrollbar-track {
	background: transparent;
}
#mega-menu-wrapper::-webkit-scrollbar-thumb {
	background-color: var(--mega-fond-avant);
	border-radius: 4px;
}*/

.menu-controls{
	/* justify-content:space-between;*/
	justify-content:end;
	align-items:center;
	width:100%;
	display:flex;
	padding: 20px 30px;
}
.menu-controls.controls-mobile{
	display:none;
}
.menu-controls.controls-desktop{
	position:absolute;
	right:0;
	width:fit-content;
	transform:translatex(100%);
	opacity: 0;
	visibility: hidden;
	transition:0.3s;
}
#mega-menu-wrapper.menu-open .menu-controls.controls-desktop{
	opacity: 1;
	visibility: visible;
}
.arrow-back, .close-menu{
	width: 30px;
	height: 30px;
	background: var(--croix-color-2);
	border-radius: 50%;
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	cursor:pointer;
	transition:0.3s ease-in-out;
}
.arrow-back:hover, .close-menu:hover{
	background: var(--croix-color-4);
}
.arrow-back svg path, .close-menu svg path{
	fill: var(--croix-color-1);
	transition:0.3s ease-in-out;
}
.arrow-back:hover svg path, .close-menu:hover svg path{
	fill: var(--croix-color-3);
	transition:0.3s ease-in-out;
}
.menu-controls img{
	aspect-ratio: 1;
	padding: 8px;
	height: 30px;
	border-radius:50%;
	cursor:pointer;
}
@media screen and (max-width:1200px){
	#mega-menu-wrapper {
		left: unset;
		right: 0;
		transform: translatex(calc(100% + 15px));
	}
	.menu-controls.controls-desktop {
		right: unset;
		transform: translatex(-100%);
		left: 0;
	}
	.menu-controls {
		justify-content: start;
	}
}
@media screen and (max-width:992px){

}
@media screen and (max-width:767px){
	
	#mega-menu-wrapper {
		width: 100vw;
	}
	.mega-menu-top{
		padding:0;
	}
	.menu-controls{
		padding: 20px 20px 0px 20px;
		justify-content: end;
	}
	.main_menu_button, .main_menu_button:hover{
		background:transparent!important;
		padding: 0;
	}
	.main_menu_button svg, .main_menu_button:hover svg{
		height: 22px;
	}
	.main_menu_button svg path , .main_menu_button:hover svg path {
		fill: var(--menu-color-2);
	}
	.main_menu_button span{
		display:none;
	}
	.menu-controls.controls-desktop{
		display:none;
	}
	.menu-controls.controls-mobile{
		display:flex;
	}
	
	.close-menu {
		background: var(--croix-color-1);
	}
	.arrow-back svg path, .close-menu svg path {
		fill: var(--croix-color-2);
	}
}

.groupes{
	display: flex;
	flex-direction:column;
	gap: 20px;
	padding: 20px 30px;
}
.groupe {
	overflow-x: hidden;
	max-width: 100%;
}
.titre-groupe {
	font-weight: 600;
	font-size: var(--font-s-big);
	margin-bottom: 10px;
	display: flex;
	position:relative;
	width: fit-content;
}
.titre-groupe:after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	width: 100vw;
	background: black;
	height: 1px;
	transform: translate(100%, -1px);
	max-width: 560px;
}
.elements-du-groupe {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.elements-du-groupe.horizontal {
	flex-direction: row!important;
	flex-wrap: wrap;
}
.elements-du-groupe.horizontal .element{
	max-width:calc(50% - 5px);
}
.elements-du-groupe.horizontal .element a {
	flex-direction: column;
	display: flex;
	text-align: center;
	align-items: center;
}
.elements-du-groupe.horizontal .element a img {
	width: 80%;
	height: fit-content;
	object-fit: contain;
	max-height: 80px;
}
.elements-du-groupe.vertical .element a img{
	object-fit: contain;
	width: 100px;
	height: auto;
	max-height: 40px;
	aspect-ratio: 6 / 3;
}
.element {
	border-radius: 15px;
	overflow: hidden;
}
#element-1 {
	background: var(--red-fly)!important;
	color: white !important;
}
#element-1 *{
	color: white !important;
	font-weight: 600;
}
.element-en-avant {
	display: flex;
	width: 100%;
	background: var(--mega-fond-avant);
	padding: 15px;
	align-items: start;
	justify-content:center;
	flex-direction: column;
	transition:0.3s ease-in-out;
}
.element-en-avant a{
	color:var(--mega-texte-avant);
	font-size:var(--font-s-normal);
	transition:0.3s ease-in-out;
}
.element-en-avant:hover, .element-en-avant.actif{
	background: var(--mega-fond-avant-hover);
}
.element-en-avant:hover a, .element-en-avant.actif a{
	color: var(--mega-texte-avant-hover);
}
.element svg{
	transition:0.3s ease-in-out;
}
.element-en-avant svg path{
	fill:var(--mega-avant-simple);
}
.element-en-avant:hover svg path, .element-en-avant.actif  svg path{
	fill: var(--mega-texte-avant-hover);
}
.element-en-avant img {
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}
.element-en-avant .element-main span {
	font-weight: 600;
	font-size: var(--font-s-medium);
	margin-bottom: 10px;
	display: flex;
	margin-bottom:0;
	width: fit-content;
}

.element-simple{
	display: flex;
	width: 100%;
	background: var(--mega-fond-simple);
	padding: 10px 20px;
	align-items: start;
	flex-direction: column;
	transition:0.3s ease-in-out;
}
.element-simple a{
	color:var(--mega-texte-simple);
	transition:0.3s ease-in-out;
	font-size:var(--font-s-normal);
}
.element.element-simple img {
	width: auto;
	height: 60px;
	object-fit: cover;
}
.element-simple:hover, .element-simple.actif{
	background: var(--mega-fond-simple-hover);
}
.element-simple:hover a, .element-simple.actif a{
	color: var(--mega-texte-simple-hover);
}
.element-simple svg path{
	fill:var(--mega-texte-simple);
}
.element-simple:hover svg path, .element-simple.actif  svg path{
	fill: var(--mega-texte-simple-hover);
}
.element-simple img.arrow-right {
	width: 18px;
}
.element-main{
	display: flex;
	gap: 20px;
	align-items: center;
	width: 100%;
	font-weight: 700;
}
.element-simple a.element-main {
	justify-content: space-between;
}
.element-simple-wrap{
	display: flex;
	align-items: center;
	gap: 20px;
}
.menu-categories.unactive {
	display: none;
}
.menu-categories{
	width: calc(50% - 10px);
}
.menu-categories.sub-categories li{
	width: 100%;
	display: flex;
	gap: 20px;
}
.menu-categories>li>a {
	width:100%;
	align-items: center;
}
.menu-categories a {
	margin: 8px 0;
	display: flex;
	font-weight: 500;
	opacity:0.8;
}

.menu-actif{
	display:flex!important;
	opacity:1!important;
	visibility:visible!important;
	pointer-events:auto!important;
}
.menu-open{
	transform:translatex(0)!important;
}
.child-container{
	position: relative;
	display: flex;
	width: 100%;
	gap:20px;
}
.child-container *{
	font-weight:400!important;
}
.child-sep { 
	position: absolute;
	display: none; 
	height: 1Px; 
	background: var(--mega-texte-simple-hover); 
	width: 100%!important; 
	left:0;
	top: 5px; 
	opacity:0.2;
}
.element-en-avant .child-sep{
	display:none!important;
}
.element.actif .child-sep {
	display: flex;
}
.element.actif .child-container  ul{
	margin-top:10px;
	
}
.element.actif:has(.child-container) > a >svg {
	transform:rotate(90deg);
}
.menu-categories > li > a .menu-arrow {
	opacity: 0;
	margin-left: 10px;
	transition: 0.3s ease;
	width: 0px;
}
.menu-categories > li > a.actif .menu-arrow,
.menu-categories > li.has-children > a .menu-arrow{
	opacity: 1;
	width: 16px;
	min-width: 16px;
}
.menu-categories > li > a .menu-arrow path{
	fill : var(--mega-texte-simple-hover)!important;
}
.menu-categories > li > a.lien-grise .menu-arrow path{
	fill : var(--mega-texte-simple-inactif)!important;
}
.element img{
	transition: 0.3s ease;
}
.element.actif img.arrow-right {
	transform: rotate(90deg);
}
a.actif {
	font-weight: 700;
}
/*
.element-simple.actif ul:not(.cloned) a:not(.actif) {
	color: var(--mega-texte-simple-inactif);
}
.element-en-avant.actif ul:not(.cloned) a:not(.actif) {
	color: var(--mega-texte-avant-inactif);
}*/
.element.actif ul:not(.cloned) a.lien-grise{
	color: var(--mega-texte-avant-inactif);
}

.element.actif .menu-categories a.actif svg{
	transform:rotate(-90deg);
}

.cloned a {
	font-weight: 700;
}

@media screen and (max-width:767px){
	.groupes{
		padding: 20px ;
	}	
	.elements-du-groupe.vertical .element a img{
		width: 70px;
		aspect-ratio :unset;
	}
}


/********** Liens secondaires du mega-menu *********/
#menu-secondaire-wrapper {
	margin-top: 0px;
	padding: 20px 30px;
	background: #F5F5F5;
	box-shadow: 4px -1px 4px 0px rgba(0, 0, 0, 0.25);
}
.menu_secondaire {
	column-count: 2;
	column-gap: 30px;
}
.menu_secondaire_item{
	margin-bottom:10px;
	font-weight: 500;
	font-size:var(--font-s-little);
}
.menu_secondaire .menu_secondaire_item:nth-child(3) {
	min-width: 230px;
}
.menu_secondaire_item svg {
	height: 18px;
	width: fit-content;
	margin-right: 8px;
}
.menu_secondaire_item svg path, .menu_secondaire_item a{
	fill:var(--liens-color-1);
	color: var(--liens-color-1);
}
.menu_secondaire_item:hover svg path, .menu_secondaire_item:hover a{
	fill:var(--liens-color-2);
	color: var(--liens-color-2);
}
@media screen and (max-width:767px){
	#menu-secondaire-wrapper {			
		padding: 20px 20px;
	}			
}
@media screen and (max-width:450px){
	.menu_secondaire{
		column-count: 1;
	}
}