/* =========================================================================
   Le Petit Roannay — boutons « Réservez maintenant » du slider : cliquables.
   Vaut pour les 4 modules (FR, EN, DE, NL), en desktop comme en mobile.

   LE PROBLÈME
   Slider Revolution rend toute la slide non interactive :
   sr7.css applique « sr7-slide { pointer-events: none } ». C'est voulu — c'est
   ce qui permet de faire glisser le slider au doigt par-dessus les textes.
   Le plugin remet « pointer-events: auto » uniquement sur les couches qui ont
   un lien ou une action définis dans l'éditeur.

   Or ici le bouton n'est pas une couche interactive : c'est un lien HTML
   <a class="milenia-btn"> placé DANS une couche de texte ordinaire. Il hérite
   donc du « none » de la slide, et le clic ne l'atteint jamais.

   Chaîne mesurée sur le site :
     sr7-txt (couche)  → pointer-events: none   (hérité)
     sr7-slide         → pointer-events: none   (sr7.css)
     sr7-content       → pointer-events: auto

   LA CORRECTION
   On redonne le clic au lien seul. En CSS, un descendant peut réactiver
   pointer-events même si un ancêtre est à « none » : seule la zone du bouton
   redevient cliquable, le reste de la slide continue de se laisser balayer.

   Vérifié : le lien passe à « auto », la couche du bouton et les couches de
   titre restent à « none ».

   ALTERNATIVE, dans l'éditeur Slider Revolution : remettre le lien sur la
   couche ET remplacer son contenu HTML par du texte simple (sans <a>, sinon
   on retombe sur les liens imbriqués qui faisaient disparaître les boutons).
   À faire sur 3 slides × 4 modules, soit 12 couches — d'où la règle ci-dessous,
   qui règle les quatre langues d'un coup.
   ========================================================================= */

sr7-module sr7-txt a[href] {
	pointer-events: auto !important;
	cursor: pointer;
}


/* -------------------------------------------------------------------------
   2. Espacement entre le titre et le bouton

   LE PROBLÈME
   Dans les réglages du slider, les couches de la slide sont positionnées par
   rapport au centre : sur-titre à −70 px, titre à −10 px, bouton à +100 px.
   Slider Revolution met ces distances à l'échelle quand l'écran rétrécit :
   les 110 px entre le titre et le bouton ne font plus qu'une trentaine de
   pixels sur un téléphone. Mais le bouton, lui, est un lien HTML du thème :
   il garde ses 13 px de texte et ses marges internes, donc ses ~50 px de
   hauteur, quelle que soit la largeur de l'écran. Il déborde alors vers le
   haut et recouvre le titre.

   Mesuré à 375 px : titre de 497 à 517 px, bouton de 515 à 565 px.

   LA CORRECTION
   On décale le bouton vers le bas avec un décalage relatif. « position:
   relative » ne change pas la taille de la boîte que Slider Revolution
   calcule pour la couche : la couche reste où le plugin l'a mise, seul le
   bouton se déplace visuellement. Rien à retoucher dans l'éditeur, et les
   animations d'entrée ne sont pas perturbées.

   Pour ajuster : une seule valeur par palier. Augmenter « top » éloigne
   le bouton du titre.
   ------------------------------------------------------------------------- */

sr7-module sr7-txt a.milenia-btn {
	position: relative;
	top: 12px;               /* desktop et tablette */
}

@media (max-width: 767.98px) {
	sr7-module sr7-txt a.milenia-btn {
		top: 20px;           /* mobile : 2 px de recouvrement mesurés + 18 px d'air */
	}
}