/* 
Theme Name:		 OCI
Theme URI:		 https://www.oci.fr/
Description:	 Thème enfant de Hello Elementor, créé par OCI
Author:			 OCI
Author URI:		 https://www.oci.fr/
Template:		 hello-elementor
Version:		 2.0.0
Text Domain:	 OCI
*/

.oci-downloads-files-list {
    margin-top: 12px;
}

.displayfr, .displayen{display:none;}

html[lang="en-US"] .displayen, html[lang="fr-FR"] .displayfr{display:inline-block;}

.carousel-centre .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner {
    height:150px;
}

.carousel-services .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner {
    height:130px;
    width: 100%;
}

.liste-produits span.elementor-icon-list-text, .liste-produits li.elementor-icon-list-item, .liste-produits span.elementor-post-info__terms-list {
    display: flex;
}

/* WPML */
.wpml-ls-legacy-dropdown a {
	border: none;
    background-color: #181617;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	background-color: #ffffff;
}

a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    color: white;
}

/* Contour autour des img hexagonales */
.imgHexagone {
    display: flex;
    justify-content: center;
}

.imgHexagone .elementor-widget-container {
    background-color: #ECECEC;
    -webkit-mask-box-image: url("https://www.comessa.com/wp-content/uploads/2025/03/hexagon-border.svg");
    height: 156px !important;
    width: 160px;
    align-content: center;
    -webkit-box-align: center;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

/* Petit menu au scroll */

.search_products button.e-search-submit {
    display: none !important;
}

#menubase.headerhide{
	display:none;
}

#menuhopin.headershow{
	transform: translateY(0);
}

#menuhopin{
	position: fixed;
	top:0;
	width: 100%;
	-webkit-transition: transform 0.34s ease;
	transition : transform 0.34s ease;
	transform: translateY(-250px); /*adjust this value to the height of your header*/
}

/* Alignement top icônes listes */

.elementor-icon-list-item, .elementor-icon-list-item a{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start !important;
}

.elementor-icon-list-icon {
  margin-top: 6px;
}

/* chevron */

.titreChevron {
	display: flex !important;
	align-items: center;
	justify-content: center !important;
	gap: 5px !important;
	color: #181617;
    transition: color 0.3s ease;
}

.titreChevron::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 11px;
  background-image: url('https://www.comessa.com/wp-content/uploads/2025/03/chevron-1.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 5px;
}


.titreChevron::after ::hover {
  fill:color: #E52321; 
}

/*:::::::::::::::::::::: RESPONSIVE ::::::::::::::::::::::*/

@media screen and (max-width: 1280px) {
    .carousel-centre .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner {
    height:100px;
	}
}

@media screen and (max-width: 1024px) {
  .carousel-centre .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner {
    height:75px;
	}  
}

@media screen and (max-width: 812px) {

}

@media screen and (max-width: 667px) {
  
}

@media screen and (max-width: 375px) {

}

@media screen and (max-width: 320px) {
 
}