/**
 * Style pour masquer l'URL au survol des boutons "En savoir plus"
 * Version améliorée qui gère également les éléments sans href mais avec data-href
 */

/* Modifier les liens pour qu'ils ne montrent pas l'URL en bas à gauche */
.service-cta a[href],
.en-savoir-plus,
a[data-modal],
[class*="savoir-plus"],
.btn-service-info,
.service-learn-more {
    /* Empêcher l'affichage de l'URL au survol */
    cursor: pointer !important;
}

/* Ajouter une propriété pointer-events pour empêcher l'affichage de l'URL */
.service-cta a[href]::after,
.en-savoir-plus::after,
a[data-modal]::after,
[class*="savoir-plus"]::after,
.btn-service-info::after,
.service-learn-more::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

/* Style supplémentaire pour les boutons spécifiques */
[data-modal]:not(button) {
    cursor: pointer !important;
}

/* Solution globale pour masquer toutes les URLs */
a[href]:not([href^="mailto:"]):not([href^="tel:"]) {
    cursor: pointer !important;
}

/* Styles pour les éléments avec data-href (attribut href supprimé) */
[data-href] {
    cursor: pointer !important;
    color: inherit;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

/* Faire en sorte que les boutons sans href mais avec data-href ressemblent à des liens */
[data-href]:hover {
    color: inherit;
    text-decoration: none;
}

/* Spécifique aux boutons "En savoir plus" */
[data-href].btn,
.btn[data-modal],
button[data-modal] {
    position: relative;
}

/* Empêcher tout affichage dans la barre d'état */
[data-href]::after,
[data-modal]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}