/* BOUTON D'APPEL MOBILE - PAR DÉFAUT */
.mcb-call-to-action-button {
    position: fixed; /* Fixe le bouton en bas de l'écran */
    bottom: 0; /* Colle le bouton au bas */
    left: 0; /* Pleine largeur */
    width: 100%; /* Le bouton occupe toute la largeur */
    height: 60px; /* Hauteur fixe */
    background: linear-gradient(to bottom, #007a08 100%, #007a08 0%); /* Dégradé vert */
    color: #ffffff; /* Texte blanc */
    text-align: center; /* Centre le texte */
    border-radius: 0px; /* Pas de coins arrondis */
    font-size: 18px; /* Texte plus grand */
    font-weight: bold; /* Texte gras */
    font-family: 'Roboto', sans-serif; /* Police professionnelle */
    z-index: 9999; /* Toujours visible */
    padding: 0; /* Pas d'espacement intérieur pour respecter la hauteur */
    box-shadow: none; /* Pas d'ombre par défaut */

    display: flex; /* Active Flexbox */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    text-decoration: none; /* Supprime le soulignement */
}

.mcb-call-to-action-button.scrolled {
    position: fixed; /* Fixe le bouton à un emplacement */
    bottom: 30px; /* Décalé légèrement vers le haut */
    left: 50%; /* Centre horizontalement */
    transform: translateX(-50%); /* Centre visuellement */
    width: auto; /* Ajuste la largeur selon le contenu */
    height: 60px; /* Hauteur fixe */
    background: linear-gradient(to bottom, #007a08 100%, #007a08 0%); /* Dégradé vert */
    color: #ffffff; /* Texte blanc */
    border-radius: 5px; /* Coins légèrement arrondis */
    display: flex; /* Active Flexbox */
    justify-content: center; /* Centre horizontalement le contenu */
    align-items: center; /* Centre verticalement le contenu */
    text-align: center; /* Centre le texte */
    box-shadow: none; /* Pas d'ombre */
    font-size: 18px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    font-family: 'Roboto', sans-serif; /* Police professionnelle */
    white-space: nowrap; /* Empêche le retour à la ligne */
    overflow: hidden; /* Évite tout débordement du contenu */
    padding: 0 20px; /* Ajuste légèrement l'espacement horizontal */
    max-width: 90%; /* Assure que le bouton ne dépasse pas l'écran */
}


/* Ajouter un espace entre l'icône et le texte */
.mcb-call-to-action-button i {
    margin-right: 10px; /* Espace entre l'icône et le texte */
}

/* Cache complètement le bouton sur desktop */
@media screen and (min-width: 1025px) {
    .mcb-call-to-action-button {
        display: none;
    }

    .mcb-call-to-action-button.scrolled {
        display: none; /* Cache aussi l'état après scroll */
    }
}

/* Affiche uniquement sur mobile et tablette */
@media screen and (max-width: 1024px) {
    .mcb-call-to-action-button {
        display: flex; /* Affiche le bouton pour les petits écrans */
    }
}