/* ======================================================================
   V38 — Alignement horizontal des sections programme sur téléphone

   Objectif :
   - supprimer uniquement la seconde gouttière qui réduisait les contenus
     situés après les quatre indicateurs ;
   - aligner leurs bords gauche et droit sur les sections publiques communes,
     notamment « Pourquoi choisir Fabien Building Academy ? » ;
   - conserver intégralement la bannière V37, ses actions et ses indicateurs.

   Périmètre strict :
   - pages de détail des programmes (« Nos programmes de formation ») ;
   - téléphone uniquement (largeur <= 767 px) ;
   - uniquement les frères placés après .formation-kpis dans .formation-left.
   ====================================================================== */

@media screen and (max-width: 767px) {
  /* La mise en page générale fournit déjà la gouttière responsive officielle
     (16 px sur les téléphones courants, 22 px sur les grands mobiles).
     Les sections ne doivent donc pas retrancher 28 px une seconde fois. */
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis
  ~ .fb-v18-careers-wrap > .fb-v18-section.fb-v36-careers-section {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Le fond de la section des profils suit la même largeur utile. */
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis
  ~ .fb-v18-careers-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Les grilles et listes internes utilisent toute la largeur désormais
     disponible, sans modifier leur nombre de colonnes ni leur rythme vertical. */
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .fb-v18-steps,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .fb-v18-outcomes,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .fb-v18-audience-tags,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .formation-logo-row,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .fb-v18-module-list,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .pricing-lite-grid,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .planning-v22-grid,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis ~ section
  .platform-v22-row,
  html body#top.fb-lot1015-public-page.fb-v18-program-detail
  .formation-left > .formation-kpis.fb-v18-kpis.fb-v19-kpis
  ~ .fb-v18-careers-wrap .fb-v18-careers {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}