/* CTA MOBILE - SOCLE PARTAGE PAR LES VARIANTES */

/* `.cta-mobile` est le conteneur commun : position, seuil d'affichage et
   effacement quand le menu mobile s'ouvre. Ces regles ne dependent pas de
   l'apparence du bouton, qui appartient a chaque variante. */

.cta-mobile {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 998;
  padding: 0 20px;
  width: fit-content;
  max-width: 400px;
}

/* Affichage mobile uniquement */
@media (max-width: 1024px) {
  .cta-mobile {
    display: block;
  }
}

/* Masque quand le menu mobile est ouvert.
   Couplage assume avec menu-mobile : `.nav-mobile` recoit `is-active` depuis
   headers/main.js, et le CTA est rendu APRES le menu dans le header, ce qui
   rend le combinateur de voisinage valide. Une future variante de menu-mobile
   qui renommerait `.nav-mobile` devra reporter cette regle. */
.nav-mobile.is-active ~ .cta-mobile {
  display: none;
}