/**
 * Correctifs pour garantir un centrage parfait du texte dans les boutons "En savoir plus"
 * Ces styles utilisent !important pour surmonter tous les conflits possibles
 */

/* Sélecteur SPÉCIFIQUE uniquement pour les boutons "En savoir plus" des services */
.service-contact a.btn.btn-outline,
.service-contact a[data-modal],
a[data-modal="modal-facades"],
a[data-modal="modal-construction"],
a[data-modal="modal-renovation"],
a[data-modal="modal-electricite"] {
    /* Centrage horizontal et vertical */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    
    /* Position relative pour le z-index */
    position: relative !important;
    z-index: 10 !important;
    
    /* Apparence */
    color: white !important;
    font-weight: 500 !important;
    
    /* Espacement */
    padding: 12px 30px !important;
    letter-spacing: 0.5px !important;
    line-height: normal !important;
    
    /* S'assurer que les clics fonctionnent */
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Forcer le centrage avec des valeurs fixes */
.service-contact a {
    min-height: 45px !important;
    margin: 0 auto !important;
    font-size: 16px !important;
}

/* Pour éviter les problèmes avec les éléments enfants */
.service-contact a span,
a[data-modal] span {
    pointer-events: none !important;
}