/* Pages université en Medibox Coaching, sous 900 px.

   La maquette de ces pages n'a pas de téléphone : elles gardent leurs sections
   de la version bureau, remises ici sur une colonne, entre l'en-tête, le menu,
   le pied de page et la barre du bas de la version mobile du site
   (ajouterHabillageMobile, outils/generer-pages.js). */

@media (max-width: 899px) {
  .mb-partage .mb-m-tete { position:sticky; top:0; z-index:40; }
  .mb-partage .mb-m-tete header { position:relative !important; }
  .mb-partage .mb-m-tete .mb-appli { position:relative; top:auto !important; }
  .mb-partage .mb-m-pied [data-barre] { position:fixed !important; left:0; right:0; bottom:0; margin-top:0 !important; z-index:30 !important; }
  .mb-partage .mb-m-pied footer { padding-bottom:104px !important; }
}

@media (max-width: 899px) {
  /* une colonne, marges de 22 px */
  .mb-partage > section:not(.mbl) [style*="grid-template-columns"]:not([style*="1.3fr"]),
  .mb-partage > section:not(.mbl)[style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr) !important; }
  .mb-partage > section:not(.mbl) [style*=" 68px"],
  .mb-partage > section:not(.mbl)[style*=" 68px"] { padding-left:22px !important; padding-right:22px !important; }

  /* frises (calendrier, déroulé de l'année) : les traits qui reliaient les
     étapes en ligne n'ont plus lieu d'être quand elles s'empilent */
  .mb-partage [data-etape] > span[style*="left:calc(50%"] { display:none !important; }

  /* les quatre piliers : pas de débord, la liste au-dessus du bouton */
  .mb-partage #methode article[style*="margin:0 -28px"] { margin:0 !important; padding:40px 0 !important; border-radius:0 !important; }
  .mb-partage #methode article ul[style*="grid-template-columns"] { flex:1 1 100% !important; }

  /* comparatif : trois colonnes resserrées, la colonne Medibox sans pastille */
  .mb-partage [style*="1.3fr"] { grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) minmax(0,.85fr) !important; }
  .mb-partage [style*="1.3fr"] > span { padding-left:10px !important; padding-right:10px !important; white-space:normal !important; font-size:13.5px !important; }
  .mb-partage [style*="1.3fr"] > span[style*="grid-column:1"] { padding-left:0 !important; }
  .mb-partage [style*="1.3fr"] > span[style*="grid-column:3"][style*="uppercase"] { font-size:11px !important; letter-spacing:.04em !important; }
  .mb-partage [style*="1.3fr"] > span[data-comparatif] > span { display:none !important; }
  .mb-partage [style*="1.3fr"] > span[data-comparatif] > strong { font-size:13.5px !important; line-height:1.3; white-space:normal !important; }
  .mb-partage [style*="1.3fr"] img { height:22px !important; }
}