/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.page-header .entry-title {
  display: none !important;
}



h1, h2, h3, h4, h5, h6 { text-wrap: balance; } 

#output {
	color: #000;
}

.elementor-post.elementor-grid-item {
    background: rgba(255, 255, 255, 0.07);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.elementor-post.elementor-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}


#content_video_about .elementor-background-video-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}



/* CSS plus spécifique et avec !important pour le menu hamburger */

.elementor-menu-toggle {
  padding-right: 20px !important; /* Ajustez cette valeur selon vos besoins */
}

/* Correction du margin - spécifier important pour surcharger les styles existants */
.elementor-424 .elementor-element.elementor-element-27b46df .elementor-menu-toggle {
  margin: 0 !important;
}

/* Taille de l'icône d'ouverture - utilisez un sélecteur très spécifique */
.elementor-menu-toggle .elementor-menu-toggle__icon--open svg {
  height: 2em !important;
  width: 3em !important;
}

/* Taille de l'icône de fermeture */
.elementor-menu-toggle .elementor-menu-toggle__icon--close.e-font-icon-svg {
  height: 2em !important;
  width: 3em !important;
}

/* Styles additionnels pour garantir la visibilité des icônes */
.elementor-menu-toggle__icon--open,
.elementor-menu-toggle__icon--close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Style pour forcer la couleur de l'icône si nécessaire */
.elementor-menu-toggle svg path {
  fill: #ffff !important;
}

/* Si l'icône est directement enfant du bouton */
.elementor-menu-toggle > svg {
  height: 2em !important;
  width: 3em !important;
}

/* Pour surcharger tout style inline potentiel */
.elementor-menu-toggle svg[width="800px"] {
  width: 3em !important;
  height: 2em !important;
}


/* Pour le survol */
.e--pointer-underline .elementor-item:hover:after {
  background-color: #fff !important;
}

/* Pour l'état actif */
.e--pointer-underline .elementor-item.elementor-item-active:after {
  background-color: #fff !important;
}

/* Pour l'état de focus */
.e--pointer-underline .elementor-item:focus:after {
  background-color: #fff !important;
}


#title_whyus {
  position: sticky;
  top: 10rem;
}

#stickyto {
  position: sticky;
  top: 10rem;
  z-index: 100;
  align-self: flex-start;
  height: auto; 
}


#carrousel_sticky .swiper-slide {
  padding: 0 0.25rem;
}

#carrousel_sticky .swiper-slide-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Initial state for LCP optimization */
#hero .elementor-heading-title {
  opacity: 0;
  transform: translateY(50px);
  transition: none;
  will-change: transform, opacity;
}


// section hiver images home

/* Effet hover sur toute la section en desktop */


/* Solution complète pour afficher les images en mobile */
@media (max-width: 1024px) {
  #expertise_home .elementor-image-box-img img,
  #expertise_home .elementor-image-box-img picture,
  #expertise_home .elementor-image-box-img picture source,
  #expertise_home .elementor-image-box-img picture img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
  }
  
  #expertise_home .elementor-image-box-wrapper {
    pointer-events: none !important;
  }
}


// center card grid film led
.elementor-element-3b60419 {
  grid-column: 1 / -1 !important;
  margin: 0 auto !important;
  width: 30%
  
}

@media (max-width: 767px) {
  .elementor-element-3b60419 {
      width: 100% !important;
      text-align: center !important;
  }
  
  .elementor-element-3b60419 .elementor-image-box-wrapper {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
  }
}