/* Accueil (index.html, sa version B index-b.html, et la copie sans CPF landing-page/formation-ia-direct), sur mobile seulement.
   Ce sont les changements de la version B n° 2 de l'A/B test de la landing page Meta (retours de Felipe,
   Loom du 03/11/2026). Ils ont été étendus à la page d'accueil le 09/11 à la demande de Tanguy : A et B
   sont repartis identiques, et les prochains changements testés vont dans assets/fia-ab-lp-b.css (B seule).
   Chargée après custom-fixes.css, à la fin du <head> de index.html.

   - le bloc « Éligible CPF + Trustpilot » passe tout en haut du héros, en petit ;
   - le formulaire vient juste sous le titre et le chapô, les pastilles sous le formulaire ;
   - l'en-tête ne porte plus le bouton « Je souhaite me former » ; un bouton collé en bas d'écran le
     remplace pendant le défilement, et disparaît tant que le formulaire est visible
     (assets/fia-accueil-mobile.js) ;
   - chaque « Je souhaite me former » fait défiler jusqu'au formulaire au lieu d'ouvrir une autre page
     (même script).
   Sur ordinateur, rien ne change. */
@media (max-width: 809.98px) {
  /* Ordre du héros : preuves en petit, titre, chapô, formulaire, pastilles. */
  .page-accueil #hero .framer-xsno { order: -1; margin: 0 !important; gap: 10px !important; height: 76px; }
  /* Pastilles sous le formulaire : Felipe ne veut rien entre le chapô et le formulaire. */
  .page-accueil #hero .framer-1if9qh6 { order: 1; }
  .page-accueil #hero .framer-u4vaul { order: 2; margin-top: 8px; margin-bottom: 0; }
  .page-accueil #hero .fia-hero__cpf img { height: 48px !important; width: 48px !important; border-radius: 8px; }
  /* Trustpilot réduit de moitié : le widget est une iframe, on la met à
     l'échelle dans un cadre de la taille finale. */
  .page-accueil #hero .framer-c2sza4,
  .page-accueil #hero .framer-ajzlp2 { width: 120px !important; min-width: 0 !important; height: 76px !important; overflow: hidden !important; }
  /* Le widget fait 150 px de haut sur mobile (data-style-height) : à 48 %, 72 px, qui tiennent entiers
     dans le cadre de 76 px. À 54 % dans 56 px, le logo Trustpilot était coupé en haut (capture de Tanguy). */
  .page-accueil #hero .framer-ajzlp2 .trustpilot-widget { flex: 0 0 auto; width: 240px !important; height: 150px; transform: scale(.48); transform-origin: left center; }

  /* Plus d'air entre les logos des outils et la liste des modules (Tanguy, 03/11). */
  .page-accueil .framer-1kcbald { margin-bottom: 32px !important; }

  /* En-tête : plus de bouton, le logo seul. */
  .page-accueil .fia-nav__cta { display: none !important; }

  /* Bouton collé en bas d'écran (créé par fia-accueil-mobile.js), posé sur une bande blanche pleine largeur :
     sans elle, le bouton bleu se perdait dans la page (Tanguy, 03/11). */
  .page-accueil .fia-cta-bas {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    background: #fff; box-shadow: 0 -4px 16px rgba(15, 23, 42, .12);
    opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .2s, transform .2s;
  }
  .page-accueil .fia-cta-bas__btn {
    display: flex; justify-content: center; align-items: center; min-height: 52px; padding: 14px 20px;
    font-family: "DM Sans", sans-serif; font-size: 17px; font-weight: 600; text-decoration: none;
    color: #fff; background: #4379f2; border-radius: 0;
  }
  .page-accueil .fia-cta-bas.est-visible { opacity: 1; transform: none; pointer-events: auto; }
}
.page-accueil .fia-cta-bas:not(.est-visible) { visibility: hidden; }
@media (min-width: 810px) { .page-accueil .fia-cta-bas { display: none !important; } }