/* =============================================================================
   pg-frise.css — frise chronologique (ligne continue + points jaunes)
   =============================================================================
   Repris de la maquette figee : style.css l. 1861-1883, sa @media comprise.
   Les commentaires d'origine sont conserves.

   ⚠️ CE FICHIER NE PORTE PAS L'ENVELOPPE DE SECTION. Le type `pg_frise` est mappe
   sur DEUX feuilles — `pg-jalons.css` puis celle-ci — parce qu'il partage la
   section `.pg-jalons` et son `.sec-head` avec le type `pg_jalons` de la Charte.
   Ne pas y recopier `.pg-jalons{...}` : la duplication finirait par diverger.

   ⚠️ ET SURTOUT : `pg_jalons` ET `pg_frise` SONT DEUX TYPES DISTINCTS, malgre la
   section commune. La Charte rend des CARTES (`.pg-jalons__row` > `.pg-jalon`),
   Presentation rend une FRISE (`.frise` > `.frise__item`) — mesure le 2026-09-30,
   zero occurrence de `frise__` dans `charte.html`. L'en-tete de `pg_jalons.php`
   affirmait le contraire jusqu'a cette date ; c'etait faux.

   ⚠️ `grid-template-columns:repeat(5, 1fr)` est ECRIT EN DUR dans la maquette :
   la frise suppose CINQ jalons. Au-dela, les colonnes retrecissent sans que rien
   ne le signale ; en deca, la ligne continue depasse a droite. Le formulaire ne
   l'interdit pas — c'est un point a regarder a l'oeil si la cliente en ajoute un.
   ============================================================================= */

/* FRISE CHRONOLOGIQUE (présentation « Le chemin parcouru » — retour Fix 06/07) :
   ligne horizontale continue traversant les étapes + points jaunes, année en serif au-dessus,
   texte dessous. En mobile : pile verticale avec filet jaune à gauche. */
.frise{ display:grid; grid-template-columns:repeat(5, 1fr); gap:clamp(14px,1.8vw,28px); }
.frise__item{ display:grid; grid-template-rows:auto 30px 1fr; text-align:center; }
.frise__an{ font-size:clamp(38px,3.4vw,54px); color:var(--jaune-d); line-height:1; align-self:end; }
.frise__track{ position:relative; }
.frise__track::before{ content:""; position:absolute; top:50%; height:2px; transform:translateY(-50%);
  left:calc(clamp(14px,1.8vw,28px) / -2); right:calc(clamp(14px,1.8vw,28px) / -2);
  background:rgba(14,14,14,.16); }
.frise__item:first-child .frise__track::before{ left:50%; }
.frise__item:last-child  .frise__track::before{ right:50%; }
.frise__track::after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:15px; height:15px; border-radius:50%; background:var(--jaune);
  border:3px solid var(--blanc); box-shadow:0 0 0 1.5px rgba(14,14,14,.18); }
/* texte descriptif STANDARD (retour Fix 06/07 : couleur forcée, lisible sur crème, taille courante) */
.frise__item p{ font-size:var(--fs-body); line-height:1.7; color:var(--noir); margin-top:10px; }
@media (max-width:820px){
  .frise{ grid-template-columns:1fr; gap:22px; }
  .frise__item{ grid-template-rows:auto 1fr; text-align:left;
    border-left:2px solid var(--jaune); padding-left:18px; }
  .frise__track{ display:none; }
}