/* 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;
}

/* 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;
    }
}