/* overflow-x */

html {
    overflow-x: hidden;
}

/* --- NavBar --- */

.navbar-menu.navbar-scrolled .elementor-item {
    color: black !important;
}

.navbar-menu .elementor-item {
    transition: all 0.3s ease-in-out !important; 
}

.navbar-menu .elementor-item:hover{
    transform: translateY(-8px) !important;
    color:#E8B864 !important;
}

@media (max-width: 1445px) {  
    .navbar-menu .elementor-item {
        font-size: 0.7rem !important;
    }
}

@media (max-width: 1275px) {  
    .navbar-menu {
        display: none !important;
    }

    .stickhead .elementor-hidden-mobile{
        display: none !important;
    }

    .stickhead {
        background-color: #092646 !important;
    } 

    .stickhead .elementor-hidden-desktop {
        display: block !important;
    }
}


/* Header */
.stickhead {
  background-color: transparent !important;
  transition: background-color 0.3s ease !important;
}
.stickhead.scrolled {
  background-color: #F5F4F2 !important;
  z-index: 9999;
  border-radius: 0px 0px 20px 20px;
  box-shadow: rgb(164, 164, 164) 0px 20px 30px -10px !important;
}

/* Header noir par défaut sur mobile et tablette */
@media (max-width: 1024px) {
  .stickhead {
    background-color: #F5F4F2 !important;
  }
}

/* Accordeon page accueil */

.e-n-accordion .e-n-accordion-item-title-icon {
    margin-left: auto !important;
    height: 50px;
}

.e-n-accordion .e-n-accordion-item-title-icon svg{
    width: 100%;
}

.elementor-button .elementor-button-icon svg {
    width: 20px !important;
    height: 20px !important;
}

.elementor-button .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center; 
}

.elementor-button .elementor-button-icon {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    margin-bottom: 0 !important; 
}

@media (min-width: 1024px) {
    /* Amélioration de la fluidité du carrousel Elementor */
    .e-n-carousel,
    .elementor-widget-n-carousel,
    .swiper-container {
        transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        width: 100%;
    }

    .e-n-carousel .swiper-wrapper,
    .elementor-widget-n-carousel .swiper-wrapper {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        transition-duration: 0.8s !important;
    }

    /* Animations fluides pour les slides */
    .e-n-carousel .swiper-slide,
    .elementor-widget-n-carousel .swiper-slide {
        transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                    transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    }

    /* Optimisation des performances et fluidité */
    .e-n-carousel *,
    .elementor-widget-n-carousel * {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        will-change: transform;
    }

    /* Animation automatique avec keyframes - Boucle infinie */
    @keyframes autoScroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    /* Appliquer l'animation automatique au wrapper avec boucle infinie */
    .e-n-carousel .swiper-wrapper {
        animation: autoScroll 20s linear infinite;
        animation-iteration-count: infinite;
    }

    .elementor-swiper-button {
        display: none !important;
    }
}

@media (max-width: 1024px) {

}

/* CARD EXPERTISE (modele) */

.card-expertise {
    transition: all 0.3s ease-in-out !important; 
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px !important;
    padding: 30px !important; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); 
}

@media (min-width: 1024px) {
    /* Effet de mouvement au survol */
    .card-expertise:hover {
        transform: translateY(-8px) !important; 
        border: 1px solid #E8B864 !important; 
        box-shadow: 
            0 15px 30px rgba(232, 184, 100, 0.35),
            0 5px 10px rgba(0, 0, 0, 0.1) !important; 
    }
}

@media (max-width: 1024px) {
    .card-expertise {
        --e-con-transform-translateY:0px !important;
    }
}


.card-expertise:hover .elementor-button-text {
    color: #5A4A1F !important;
}