/**
 * Techniques avancées de centrage absolu pour les boutons "En savoir plus"
 * Ce fichier utilise plusieurs méthodes CSS combinées pour garantir un centrage parfait
 */

/* Technique 1: Centrage avec flexbox */
.btn-outline,
a.btn,
a[data-modal],
.service-contact a,
a[href="#services-details"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Technique 2: Centrage avec position absolue et transform */
.btn-outline span,
a.btn span,
a[data-modal] span,
.service-contact a span,
.center-text {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Technique 3: Alignement à gauche pour le conteneur mais texte centré à l'intérieur */
.service-contact {
    display: flex !important;
    justify-content: flex-start !important; /* Aligner les boutons à gauche */
    margin-left: 0 !important; /* S'assurer qu'il n'y a pas de marge à gauche */
    padding-left: 0 !important; /* S'assurer qu'il n'y a pas de padding à gauche */
}

/* Technique 4: Forcer une taille de police et une hauteur de ligne cohérentes */
a[data-modal="modal-facades"],
a[data-modal="modal-construction"],
a[data-modal="modal-renovation"],
a[data-modal="modal-electricite"],
.service-contact a {
    font-size: 16px !important;
    line-height: 16px !important;
    height: 45px !important;
    white-space: nowrap !important;
    min-width: 180px !important;
    box-sizing: border-box !important;
}

/* Technique 5: Supprimer les marges et paddings qui pourraient interférer */
.btn-outline,
a.btn,
a[data-modal],
.service-contact a {
    padding: 0 30px !important;
    margin: 0 !important;
}

/* Technique 6: Réinitialisation complète des propriétés de texte */
.btn-outline,
a.btn,
a[data-modal],
.service-contact a,
.center-text {
    text-indent: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

/* Technique 7: Supprimer les flottements qui pourraient affecter l'alignement */
.btn-outline,
a.btn,
a[data-modal],
.service-contact a {
    float: none !important;
    clear: both !important;
}

/* Technique 8: Assurer la visibilité et le bon rendu du texte */
.btn-outline,
a.btn,
a[data-modal],
.service-contact a,
.center-text {
    color: white !important;
    text-shadow: none !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    visibility: visible !important;
}