/* ================================================
   NEOMENS — Page Formations uniquement
   Styles spécifiques à /formation-hypnose-pnl/
   ================================================ */

/* ------------------------------------------------
   Hero formations — corrections mobile
   Le PHP inline a padding-left:12rem et white-space:nowrap
   On surcharge ici sans toucher au PHP
   ------------------------------------------------ */
@media (max-width: 767px) {
  .formation-hero {
    min-height: auto;
    padding-top: 5rem;
    padding-bottom: 3rem;
    align-items: flex-start;
  }

  /* Conteneur hero : annuler le padding-left:12rem inline */
  .formation-hero > div[style] {
    padding: 0 1.5rem !important;
    max-width: 100% !important;
  }

  /* Titre : réduire et forcer le retour à la ligne */
  .formation-hero .page-hero__title {
    font-size: 2.4rem !important;
    line-height: 1.15 !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  /* Sous-titres : annuler white-space:nowrap inline */
  .formation-hero p[style] {
    white-space: normal !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
}

/* ------------------------------------------------
   Section Philosophie — two-col mobile
   ------------------------------------------------ */
@media (max-width: 767px) {
  .formation-hero + div + section .two-col,
  .two-col {
    gap: 1.5rem;
  }
}

/* ------------------------------------------------
   Liste des formations — lisibilité mobile
   ------------------------------------------------ */
@media (max-width: 767px) {
  .formation-card {
    gap: 1rem;
    padding: 1rem 0;
  }

  .formation-card__title {
    font-size: 1.2rem !important;
  }
}

/* ------------------------------------------------
   Section modalités — espacement mobile
   ------------------------------------------------ */
@media (max-width: 767px) {
  .formation-hero ~ section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}