/**
 * Iroise 2026 — Page : Journée portes ouvertes 2026 (/portes-ouvertes-2026/)
 *
 * La page réutilise les composants de formation.css (stats, feature-image
 * portrait pour l'affiche, cartes atouts pour les animations, cartes
 * modalités pour les infos pratiques) : seuls quelques ajustements de
 * calibrage sont nécessaires ici.
 */


/* ============================================
   HERO
   ============================================ */

/* Titre pleine largeur : le cap global .page-hero__title { max-width: 20ch }
   tassait le H1 sur 3 lignes à gauche avec un grand vide à droite. */
.jpo-hero .page-hero__title {
  max-width: none;
}

/* Coupure contrôlée du H1 dès la tablette : « Journée portes ouvertes 2026 — »
   entier sur la ligne 1, « Iroise Aéro Formation » sur la ligne 2.
   En mobile (< 768px) la ligne 1 ne tient pas physiquement : retour au
   wrapping naturel, sans le <br>. */
.jpo-hero__br {
  display: none;
}

@media (min-width: 768px) {
  .jpo-hero__br {
    display: inline;
  }

  .jpo-hero .page-hero__title {
    white-space: nowrap;
  }
}

.jpo-hero__actions {
  margin-top: var(--space-5);
}


/* ============================================
   BANDEAU INFOS CLÉS (sous le hero)
   Le composant .formation-stats est calibré pour de gros chiffres ;
   ici les valeurs sont textuelles (date, horaires) → corps réduit.
   ============================================ */

.jpo-infos-cles .formation-stat__value {
  font-size:      clamp(1.15rem, 2.2vw, 1.6rem);
  letter-spacing: var(--tracking-tight);
  line-height:    var(--lh-snug);
}

/* Dès la tablette : chaque valeur (dont « Samedi 26 septembre 2026 »)
   reste sur UNE ligne. Les colonnes se dimensionnent sur leur contenu
   au lieu du 4×1fr du composant, qui coupait la date. */
@media (min-width: 768px) {
  .jpo-infos-cles .formation-stats__grid {
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
  }

  .jpo-infos-cles .formation-stat__value {
    white-space: nowrap;
  }
}


/* ============================================
   SECTION SOMBRE « Nouveautés 2027 »
   Le corps de texte garde sinon sa couleur sombre (illisible sur le
   bleu Iroise) — cf. feedback_section_dark_bg_clobber.
   ============================================ */

.jpo-nouveautes .formation-objectifs__body {
  color: rgba(255, 255, 255, 0.86);
}


/* ============================================
   SECTION FORMATION — boutons sous le texte
   ============================================ */

.jpo-formation__actions {
  margin-top: var(--space-6);
}

/* Libellés longs : autoriser le retour à la ligne dans les boutons
   (le .btn global force white-space: nowrap → débordement sur mobile). */
.jpo-formation__actions .btn {
  white-space: normal;
  text-align:  center;
}