/* Désactiver les animations sur les titres */
.home-heading-h2[data-w-id],
.home-heading-h2[style*="opacity:0"] {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
}

/* Désactiver les animations sur les titres "Nos services" et "Avant & Après" */
#nos-service .home-heading-h2,
#before-after .home-heading-h2 {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Hero Description Visibility on Mobile */
@media (max-width: 768px) {
    .para-txt {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    .para-txt[style*="opacity:0"] {
        opacity: 1 !important;
    }
    
    /* Uniformiser la taille des badges sur mobile */
    .bedges-wrapper .creativity-bedge,
    .bedges-wrapper .innovation-bedge,
    .bedges-wrapper .strategy-bedge {
        min-width: 140px !important;
        width: 140px !important;
        max-width: 140px !important;
        padding: 8px 12px !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }
    
    .bedges-wrapper .creativity-txt,
    .bedges-wrapper .innovation-txt,
    .bedges-wrapper .strategy-txt {
        font-size: 24px !important;
        text-align: center !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        width: 100% !important;
    }
    
    .bedges-wrapper .creativity-img,
    .bedges-wrapper .innovation-img,
    .bedges-wrapper .strategy-img {
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0 !important;
        margin-right: 8px !important;
    }
}

/* Réduire l'espacement entre la section hero et la section about */
.section {
    padding-bottom: 30px !important;
}

.home-about-section {
    padding-top: 40px !important;
}

/* Style personnalisé pour la badge Précision */
.creativity-bedge {
    background-color: #e4f6df !important;
}

.creativity-txt {
    color: #2d5016 !important;
}

.creativity-img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(95%) saturate(1200%) hue-rotate(65deg) brightness(0.4) contrast(1.1) !important;
}

/* Descendre les 3 badges de 10px */
.bedges-wrapper {
    margin-top: 10px !important;
}

/* Appliquer Electrolize au titre FAQ */
.heading-20 {
    font-family: "Electrolize", sans-serif !important;
}

/* Appliquer Electrolize à toute la section FAQ */
.text-block-30,
.text-block-34,
.text-block-35,
.text-block-36,
.text-block-37,
.text-block-38,
.text-block-39 {
    font-family: "Electrolize", sans-serif !important;
}

/* Appliquer Electrolize à la section Contact à partir du subtitle */
.contact-form-subtitle,
.contact-form-label,
.contact-form-input,
.contact-form-textarea,
.contact-form-submit {
    font-family: "Electrolize", sans-serif !important;
}

/* Appliquer Electrolize au footer */
.footer .text-block-32,
.footer .title,
.footer .nav-text,
.footer .text-block-33 {
    font-family: "Electrolize", sans-serif !important;
}

/* Appliquer Electrolize au menu mobile */
.link-6,
.list-6,
.paragraph-10 {
    font-family: "Electrolize", sans-serif !important;
}

/* Centrer les textes et icônes dans les cartes de services */
.innovation-item {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.innovation-item > img,
.innovation-item img {
    display: block !important;
    margin: 0 auto 12px auto !important;
    align-self: center !important;
}

.innovation-item > .heading-25,
.innovation-item .heading-25,
.innovation-item p.heading-25 {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
    align-self: center !important;
    font-weight: bold !important;
}

.innovation-item img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Uniformiser la taille des badges sur tablette */
@media (min-width: 769px) and (max-width: 1024px) {
    .creativity-bedge,
    .innovation-bedge,
    .strategy-bedge {
        min-width: 160px !important;
        width: auto !important;
        max-width: 180px !important;
        padding: 6px 20px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    
    .creativity-txt,
    .innovation-txt,
    .strategy-txt {
        font-size: 32px !important;
        text-align: center !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .creativity-img,
    .innovation-img,
    .strategy-img {
        width: 30px !important;
        height: 30px !important;
        flex-shrink: 0 !important;
    }
}

/* Animation pour le bouton "Obtiens ta soumission" */
.let-s-collaborate {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.let-s-collaborate:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.let-s-collaborate:hover .text-block-13 {
    transform: translateX(4px) !important;
    transition: transform 0.3s ease !important;
}

.let-s-collaborate:hover .div-block-21 {
    transform: translateX(4px) rotate(45deg) !important;
    transition: transform 0.3s ease !important;
}

.let-s-collaborate .text-block-13,
.let-s-collaborate .div-block-21 {
    transition: transform 0.3s ease !important;
}