/* 
Theme Name: Hello Elementor Child
*/

/* ==========================================================================
   ICÔNES CERTIFICATION
   ========================================================================== */
   .icon-certif .elementor-icon svg {
    width: 80px !important;
    height: 130px !important;
}

@media screen and (max-width: 767px) {
    #heroSection .icon-certif .elementor-icon svg {
        width: 40px !important;
        height: 65px !important;
    }
}

/* ==========================================================================
   CARTE EMPLOYÉ — le poste apparaît au survol (appareils avec hover)
   ========================================================================== */
.CarteEmploye .emploi:hover {
    cursor: pointer;
}

@media (hover: hover) {
    .CarteEmploye .emploi {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transform: translateY(6px);
        /* fermeture : l'opacité part vite, la hauteur suit en douceur */
        transition:
            max-height .45s cubic-bezier(.4, 0, .2, 1),
            opacity    .25s ease,
            transform  .45s cubic-bezier(.4, 0, .2, 1);
    }

    .CarteEmploye:hover .emploi {
        max-height: 45.688rem;   /* au plus juste = plus fluide ; monte si le texte se coupe */
        opacity: 1;
        transform: translateY(0);
        /* ouverture : décélération douce, le texte fond pendant l'expansion */
        transition:
            max-height .55s cubic-bezier(.16, 1, .3, 1),
            opacity    .40s ease .08s,
            transform  .55s cubic-bezier(.16, 1, .3, 1);
    }
}

/* ==========================================================================
   CAROUSEL EMPLOYÉS
   ========================================================================== */
#employesCarousel {
    @media screen and (min-width: 1024px) {
        .swiper-slide {
            max-width: 300px !important;
            margin-right: 10px !important;
        }
    
        .swiper-initialized.swiper-horizontal {
            padding-top: 10px !important;
        }
    }

}

.e-con-inner .elementor-element .elementor-widget-ucaddon_horizontal_timeline {
    &::after {
        display: none!important;
    }

    & .ue-horizontal-timeline .owl-stage-outer {
        & .owl-item.uc-active-item.active {
            & .ue-item-date {
                font-weight: 700!important;
            }
    
        }
    }

}


@media screen and (max-width: 767px) {
        #deuxieme-block {
            background-image: none!important;
            & > .e-con-inner > div > div:first-child p {
                font-weight: 700!important;
                margin-bottom: 10px!important;
            }
    }
}

#timeline-widget {
    &::before {
        z-index: 1!important;
    }

    & .owl-item.active.uc-active-item {
        & .ue-item-bullet-holder {
            .ue-item-bullet-line {
                background: var(--e-global-color-primary)
            }
        }
        
    }
}