/* ============================================================
   LES3 · page-curage.css
   Ajout de pictogrammes line (jeu unifie .ico masque) dans le
   contenu de la page Curage : stats, en-tetes de section,
   etapes de process et accordeons.
   Palette / tailles heritees de main.css + direction.css.
   Chargee APRES direction.css.
   ============================================================ */

/* En-tete de section / bloc : picto line agrandi au-dessus du titre */
.head__ico,
.content__ico{
  display:inline-grid;place-items:center;
  width:54px;height:54px;margin-bottom:1.1rem;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.head__ico .ico,
.content__ico .ico{font-size:1.6rem;color:var(--orange-700);}
.head--center .head__ico{margin-left:auto;margin-right:auto;}

/* Preuve sociale : petit picto au-dessus de chaque chiffre */
.stats__ico{
  display:grid;place-items:center;width:40px;height:40px;margin-bottom:.7rem;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.stats__ico .ico{font-size:1.2rem;color:var(--orange-700);}

/* Process : picto line au-dessus du titre d'etape */
.step__ico{
  display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:.7rem;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.step__ico .ico{font-size:1.15rem;color:var(--orange-700);}

/* Accordeons : picto dans la tete, a gauche de la question */
.acc__ico{
  display:inline-grid;place-items:center;width:36px;height:36px;flex:none;
  color:var(--orange-700);border:.5px solid var(--line-2);background:var(--orange-tint);
}
.acc__ico .ico{font-size:1.05rem;color:var(--orange-700);}