/*retrait banniere wpml dev site*/
.otgs-development-site-front-end{display:none!important;}

/*footer toujours below de fold meme sur page avec pas beacoup de contenu*/
main#content,body>.product,body>div.elementor{min-height:100vh;}

/*impossible scroll horizontal si débordement*/
body,html,.elementor-popup-modal{overflow-x:hidden!important;}

/*Jet engine*/
.jet-listing-grid__item{padding:0;}

/*fix hauteur du modal pour le mobile, pour prendre la barre de navigation du browser en compte (css "dvh" = dynamic viewport height) - utilise la variable css "--vh" généré en javascript (voir custom.js) pour plus de compatibilité */
body .elementor-popup-modal .dialog-widget-content .dialog-message{height: calc(var(--vh, 1vh) * 100)!important;height: 100dvh!important;	overflow-y: auto;}



/*couleur menu basé sur categorie*/

/*

cat-49 = orange
cat-50 = jaune
cat-51 = bleu
cat-53 = vert

bleu = var( --e-global-color-primary )
orange = var( --e-global-color-eb8abad ) 
jaune = var( --e-global-color-accent )
vert = var( --e-global-color-0c92371 )
*/


body .e--pointer-text .elementor-nav-menu .cat-49>a:hover,
body .e--pointer-text .elementor-nav-menu .cat-49>a.elementor-item-active,
body .jet-mega-menu-container .cat-49.current_page_item *,
body .cat-49>.jet-mega-menu-item__inner:hover>a *,
body .jet-mega-menu-item.cat-49:has(.current_page_ancestor) .jet-mega-menu-item__inner>a *,
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-menu-item--hover.cat-49>.jet-mega-menu-item__inner .jet-mega-menu-item__title
{color:var( --e-global-color-eb8abad )!important;}

body .e--pointer-text .elementor-nav-menu .cat-50>a:hover,
body .e--pointer-text .elementor-nav-menu .cat-50>a.elementor-item-active,
body .jet-mega-menu-container .cat-50.current_page_item *,
body .cat-50>.jet-mega-menu-item__inner:hover>a *,
body .jet-mega-menu-item.cat-50:has(.current_page_ancestor) .jet-mega-menu-item__inner>a *,
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-menu-item--hover.cat-50>.jet-mega-menu-item__inner .jet-mega-menu-item__title
{color:var( --e-global-color-accent )!important;}

body .e--pointer-text .elementor-nav-menu .cat-51>a:hover,
body .e--pointer-text .elementor-nav-menu .cat-51>a.elementor-item-active,
body .jet-mega-menu-container .cat-51.current_page_item *,
body .cat-51>.jet-mega-menu-item__inner:hover>a *,
body .jet-mega-menu-item.cat-51:has(.current_page_ancestor) .jet-mega-menu-item__inner>a *,
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-menu-item--hover.cat-51>.jet-mega-menu-item__inner .jet-mega-menu-item__title
{color:var( --e-global-color-primary )!important;}

body .e--pointer-text .elementor-nav-menu .cat-53>a:hover,
body .e--pointer-text .elementor-nav-menu .cat-53>a.elementor-item-active,
body .jet-mega-menu-container .cat-53.current_page_item *,
body .cat-53>.jet-mega-menu-item__inner:hover>a *,
body .jet-mega-menu-item.cat-53:has(.current_page_ancestor) .jet-mega-menu-item__inner>a *,
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item.jet-mega-menu-item--hover.cat-53>.jet-mega-menu-item__inner .jet-mega-menu-item__title
{color:var( --e-global-color-0c92371 )!important;}







/*texte reste blanc, mais underline de couleur - classe appliqué avec elementor pointer souligner au lieu de pointer texte*/
body .e--pointer-underline ul.elementor-nav-menu li.cat-49 a:hover:after,
body .e--pointer-underline ul.elementor-nav-menu li.cat-49 a.elementor-item-active:after{	
background-color:var( --e-global-color-eb8abad )!important;
}

body .e--pointer-underline ul.elementor-nav-menu li.cat-50 a:hover:after,
body .e--pointer-underline ul.elementor-nav-menu li.cat-50 a.elementor-item-active:after{	
background-color:var( --e-global-color-accent )!important;
}

body .e--pointer-underline ul.elementor-nav-menu li.cat-51 a:hover:after,
body .e--pointer-underline ul.elementor-nav-menu li.cat-51 a.elementor-item-active:after{	
background-color:var( --e-global-color-primary )!important;
}

body .e--pointer-underline ul.elementor-nav-menu li.cat-53 a:hover:after,
body .e--pointer-underline ul.elementor-nav-menu li.cat-53 a.elementor-item-active:after{	
background-color:var( --e-global-color-0c92371 )!important;
}