/*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{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;}



/*header visible sur scroll up*/

:root {
  --header-height: 112px; /* valeur initiale, sera remplacée par JS */
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
  transition: top 1s ease;
}

body.scroll-down header {
  top: -100%;
}

body.scroll-up header {
  top: 0;
}


body header .elementor-widget-image img{
		transition: all 1s ease-in-out!important;
	  	transform-origin: center!important;
		//clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	    //padding: 25px;
	    //margin-top:-20px;
		//background:var( --e-global-color-text );
}

body.scroll-up header .elementor-widget-image img{
    max-width: 120px!important;
}

body.scroll-down header .elementor-widget-image img{
    max-width: 120px!important;
}

@media(max-width:1024px){
	
	body.scroll-up header .elementor-widget-image img{
		//background:var( --e-global-color-text );
	}
	
	
	body.scroll-up header .elementor-widget-image img{
    max-width: 70px!important;
	}

body.scroll-down header .elementor-widget-image img{
    max-width: 70px!important;
}

	
}


body #content {
  /*padding-top: var(--header-height);*/
}


#wpadminbar{z-index:99999999999999;}



/*fixe hauteur popup modal, appliquer classe modal-fullscreen sur le modal - voir javascript pour la variable --vh (garantie une hauteur 100vh avec ou sans la barre navigation browser mobile) */

.modal-fullscreen .elementor-location-popup,
.modal-fullscreen .dialog-widget-content,
.modal-fullscreen .dialog-message
{height:100%!important;}

.modal-fullscreen {z-index:9999999999!important;height: calc(var(--vh, 1vh) * 100) !important;width: 100%;}

@supports (height: 100dvh) {
  .modal-fullscreen {
    height: 100dvh !important;
  }
}