/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Thème enfant pour Hello Elementor
Author: Siteline
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* 

bleu : #4BAAC8
charbon : #181818
gris celadon : #F5F5F5
bleu clair : #D5ECF4

*/

.h1Like span{/*color: #4baac8;*/font-weight:400;}

.whiteTxt *{color:#FFF!important;}
.blackTxt *{color:#181818!important;}
.whiteTxt h3,.blackTxt h3{letter-spacing:0.1em!important;line-height:1.5em!important;} 

.marquee_text h2{color:#181818;} 
.marquee_text img{    display: inline-block;
    max-width: 63px !important;
    height: 63px !important;
    margin-left: 20px;
    margin-right: 20px;}

.blog .owl-item h3{font-size:24px!important;} 
h3.e-n-accordion-item-title-text{font-weight:700!important;}  

.e-n-accordion-item-title[aria-expanded="true"]{
    border-bottom: none !important;
}
.whiteTxt .e-n-accordion-item[open]{border-bottom: solid 1px #FFF !important;}

.minWidth a{min-width:206px;}

.actualite-item img {
  cursor: pointer;
}


/* Conteneur image : masque le débordement */
.actualite-item .elementor-widget-image {
  overflow: hidden;
}

/* Image */
.actualite-item img {
  transition: transform 0.4s ease;
  will-change: transform;
}

/* Zoom léger au hover */
.actualite-item:hover img {
  transform: scale(1.05);
}

/*besoins*/ 

@media (min-width:1500px) {
	.besoins .uc_more_btn{position:absolute!important;top:24px;right:40px;}
}

.besoins .uc_more_btn svg{width:10px!important;transform: translate(1px, 2px);transition: all 0.3s;}
.besoins .uc_more_btn:hover svg{transform: rotate(45deg);}
.besoins .uc_image_carousel_content-wrapper .ue-title {padding-right:150px;} 


/*menu*/ 
nav.elementor-nav-menu--main .sub-arrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    background-image: url(/wp-content/themes/hello-elementor-child/assets/images/down-menu.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: translate(1px, 2px);
}
nav.elementor-nav-menu--main .sub-arrow i{
  display: none;
}


/**************************/
/**** FAQ custome Slides ***/
/**************************/
/* ================================
   FAQ Slides synchronisées
   ================================ */
/**************************/
/**** FAQ custome Slides ***/
/**************************/

/* Le container principal doit autoriser l’étirement */
.customFAQSlide,.customFAQNoSlide{
  align-items: stretch;
}

/* La colonne slides prend toute la hauteur possible */
.customFAQSlide .customSlides,.customFAQNoSlide .customSlides{
  position: relative;
  align-self: stretch; 
}

/* Conteneur global */
.customFAQSlide .customSlides,
.customFAQNoSlide .customSlides{
  position: relative;
}

/* Wrapper sticky */
.customFAQSlide .customSlides .slides-wrap,
.customFAQNoSlide .customSlides .slides-wrap{
  position: sticky;
  top: 30px;                 /* décalage depuis le haut */
  align-self: flex-start;
  overflow: visible;
}

/* Slides : une base unique (mobile + desktop) */
.customFAQSlide .customSlides .slide-item{
  /* espacements */
  padding-top: 30px;
  padding-right: 90px;

  /* superposition */
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  margin: 0 !important;

  /* état masqué */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  /* évite qu'une slide invisible reste "au-dessus" */
  z-index: 1;

  /* fade */
  transition: opacity 0.35s ease;
}

/* Slide active */
.customFAQSlide .customSlides .slide-item.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

/* On supprime totalement les clones sticky Elementor */
.customFAQSlide .customSlides .elementor-sticky__spacer{
  display: none !important;
}

/* Ajustements mobile (si besoin) */
@media (max-width: 767px){
  .customFAQSlide .customSlides .slide-item{
    padding-right: 0; /* optionnel */
  }
}







/**************************/
/********** FAQ ***********/ 
/**************************/
/* Base : état normal */
.e-n-accordion-item-title-icon .e-closed svg{
  transition: transform 0.25s ease;
  transform-origin: 50% 50%;
}

/* Hover sur le titre → rotation anti-horaire */
.e-n-accordion-item-title:hover 
.e-n-accordion-item-title-icon .e-closed svg{
  transform: rotate(-45deg);
}


/*temoignages*/ 
.uc_logo_marquee   .uc_author .uc_author_info{flex-wrap: nowrap;gap: 7px;align-items: center; /* centre verticalement les enfants */
    display: flex;}
.uc_logo_marquee   .uc_author{border-top:solid 1px #181818;padding-top:30px;justify-content: space-between; /* gauche / droite */
  align-items: center!important;          align-self: stretch;  /* s’étire pour matcher la hauteur du parent (si possible) */} 


.uc_logo_marquee    .ue_subtitle{
  position: relative;          /* nécessaire pour le ::before */
  padding-left: 11px;          /* espace pour la puce */
}

.uc_logo_marquee    .ue_subtitle::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #000;            /* noir */
  border-radius: 50%;          /* puce ronde */
}


 

@media (max-width: 1279px) {
	
	
	.mobilePadding,body footer > div,body header > div{padding-left:30px!important;padding-right:30px!important;} 
	body > div{overflow:hidden;}  
	body footer{overflow:hidden;} 

}

@media (max-width: 1240px) {
	
	
}
@media (min-width: 1024px) {
	
	.mainMenu .sub-menu  {border-radius: 5px;padding-top:8px!important;padding-bottom:8px!important;min-width:167px!important;}
	.mainMenu .sub-menu li a {font-size: 14px!important;padding-top:8px!important;padding-bottom:8px!important;        padding-left: 14px;}   
	
	.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover
	{background-color:initial!important;}
	
}

.tabletteOnly{display:none!important;} 
@media (max-width: 1024px) {
	body .tabletteOnly{display:block!important;}
	
	.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
    background-color: #F5F5F5!important;
    color: #fff;
	}
	
	.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
		font-size: 18px!important; 
	}
	
	
	.footerLogo{position:absolute!important;right:0;top:5px;}
	.footerSocial{position:absolute!important;right:0;top:96px;}
}

	
@media (max-width: 767px) {
	
	h2 br{display:none!important;}
	h3 br{display:none!important;}
	.elementor-widget-text-editor br{display:none!important;}
	
	.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg {
   
    max-height: 39px;
	transform:translateY(6px); 
	}
	.e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{padding-bottom:40px;}
}


@media (max-width: 479px) {
	
	
}



