/* ============================================
   EFFETS DE SURVOL - PAGE D'ACCUEIL
   ============================================ */

/* Cartes de Services - Effet de zoom et ombre */
.service-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

.service-card:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
}

.service-card-img {
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.service-card:hover .service-card-img img {
    transform: scale(1.1) !important;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.service-card:hover .service-card-img i {
    transform: scale(1.2) rotate(5deg) !important;
    color: #07bc4c !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Cartes de Blog - Effet de lift et zoom image */
.blog-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

.blog-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
}

.blog-card-img {
    overflow: hidden;
}

.blog-card:hover .blog-card-img img {
    transform: scale(1.15) !important;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.blog-card:hover h6 a {
    color: #07bc4c !important;
    transition: color 0.3s ease !important;
}

/* Cartes de Processus de Travail - Effet de scale et glow */
.work-process-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

.work-process-card:hover {
    transform: translateY(-12px) scale(1.05) !important;
    box-shadow: 0 20px 45px rgba(7, 188, 76, 0.2) !important;
}

.work-process-card:hover .icon-step {
    background-color: #07bc4c !important;
    transform: rotate(5deg) scale(1.1) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.work-process-card:hover .icon-step i {
    color: #fff !important;
    transform: scale(1.2) !important;
}

/* Carte Étape - 02 : Effet inversé (descente au lieu de montée) */
.row .col-md-6:nth-child(2) .work-process-card:hover,
.row .col-xl-4:nth-child(2) .work-process-card:hover {
    transform: translateY(12px) scale(1.05) !important;
    box-shadow: 0 20px 45px rgba(7, 188, 76, 0.2) !important;
}

.row .col-md-6:nth-child(2) .work-process-card:hover .icon-step,
.row .col-xl-4:nth-child(2) .work-process-card:hover .icon-step {
    background-color: #07bc4c !important;
    transform: rotate(-5deg) scale(1.1) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Cartes de Projets - Effet de zoom et overlay */
.project-card {
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

.project-card:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
}

.project-card:hover .project-img img {
    transform: scale(1.2) !important;
    filter: brightness(1.1) !important;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Icônes de Services - Effet de rotation et couleur */
.service-card-img i {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Boutons - Effet de scale et glow */
.link-anime {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.link-anime:hover {
    transform: translateX(5px) scale(1.05) !important;
    box-shadow: 0 8px 20px rgba(7, 188, 76, 0.3) !important;
}

.link-anime:hover i {
    transform: translate(3px, -3px) !important;
    transition: transform 0.3s ease !important;
}

/* Logo dans la section About - Effet de pulse léger */
.about-left .text-center img {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.about-left .text-center:hover img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 10px 20px rgba(7, 188, 76, 0.2)) !important;
}

/* Images dans les sections About - Effet de zoom */
.big-img img,
.small-img img {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.about-us:hover .big-img img,
.about-us:hover .small-img img {
    transform: scale(1.05) !important;
}

/* Bouton Play Vidéo - Effet de pulse */
.play-btn {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.play-btn:hover {
    transform: scale(1.15) !important;
    box-shadow: 0 0 30px rgba(7, 188, 76, 0.5) !important;
}

/* Liens sociaux dans le footer - Effet de bounce */
.social-links a,
.social-link a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.social-links a:hover,
.social-link a:hover {
    transform: translateY(-5px) scale(1.2) !important;
    color: #07bc4c !important;
}

/* Cartes de services dans la section "Nos Services" (v3) - Effet de lift */
.our-service.v3 .service-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.our-service.v3 .service-card:hover {
    transform: translateY(-15px) !important;
    box-shadow: 0 20px 50px rgba(7, 188, 76, 0.15) !important;
}

.our-service.v3 .service-card:hover i {
    transform: scale(1.3) rotate(10deg) !important;
    color: #07bc4c !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Badge d'expérience - Effet de pulse */
.experience {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.about-us:hover .experience {
    transform: scale(1.1) !important;
    box-shadow: 0 10px 30px rgba(7, 188, 76, 0.3) !important;
}

/* Liens dans le footer - Effet de slide */
.footer__widget a {
    transition: all 0.3s ease !important;
    position: relative;
}

.footer__widget a:hover {
    color: #07bc4c !important;
    padding-left: 8px !important;
}

/* Images des partenaires - Effet de scale */
.our-trusted-partner .swiper-slide {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

.our-trusted-partner .swiper-slide:hover {
    transform: scale(1.15) !important;
}

.our-trusted-partner .swiper-slide:hover img {
    filter: brightness(1.1) !important;
}

/* Titres de sections - Effet de couleur au survol */
.section-title h2 {
    transition: color 0.3s ease !important;
}

.section-title:hover h2 {
    color: #07bc4c !important;
}

/* Signature - Effet de scale léger */
.signature {
    transition: all 0.3s ease !important;
}

.signature:hover {
    transform: scale(1.05) !important;
}

.signature:hover p {
    color: #07bc4c !important;
    transition: color 0.3s ease !important;
}