/* [ABC-4-109, rouvert 09/10 ; A-4-132 12/10] Schéma de processus en 3 étapes, COMMUN : « Comment ça marche ? » (/association/adhesion, Mon espace) et
   carte du parcours d'évaluation (/evaluation/noter) via templates/_composants/_processus_etapes.html.twig. Cercles « Étape 01/02/03 » reliés par des
   flèches, bandeau titre, texte, aux couleurs et polices du site. Mobile : étapes empilées, flèches vers le bas. L'étape en cours (aria-current="step") est mise en évidence. */
.eusep-v2 .inscription-processus__etapes{list-style:none;margin:16px 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.eusep-v2 .inscription-processus__etape{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.eusep-v2 .inscription-processus__cercle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:3px solid var(--blue);background:#e3eafa;color:var(--blue);line-height:1.05}
.eusep-v2 .inscription-processus__cercle span{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.eusep-v2 .inscription-processus__cercle strong{font-size:20px}
.eusep-v2 .inscription-processus__etape--2 .inscription-processus__cercle{border-color:var(--deep);color:var(--deep)}
.eusep-v2 .inscription-processus__etape--3 .inscription-processus__cercle{border-color:var(--red);color:var(--red)}
.eusep-v2 .inscription-processus__fleche{position:absolute;top:31px;left:calc(50% + 40px);width:calc(100% + 24px - 80px);height:0;border-top:1px solid #bdcce4}
.eusep-v2 .inscription-processus__fleche::after{content:"";position:absolute;right:-1px;top:-5px;border-left:8px solid #bdcce4;border-top:5px solid transparent;border-bottom:5px solid transparent}
.eusep-v2 .inscription-processus__titre{display:block;width:100%;margin-top:10px;padding:6px 8px;border-radius:8px;background:var(--blue);color:#fff;font-size:16px;line-height:1.3}
.eusep-v2 .inscription-processus__etape--2 .inscription-processus__titre{background:var(--deep)}
.eusep-v2 .inscription-processus__etape--3 .inscription-processus__titre{background:var(--red)}
.eusep-v2 .inscription-processus__texte{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--ink)}
.eusep-v2 .inscription-processus__note{margin:0}
.eusep-v2 .inscription-processus__etape[aria-current="step"] .inscription-processus__cercle{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #e3eafa}
.eusep-v2 .inscription-processus__etape[aria-current="step"] .inscription-processus__titre{box-shadow:0 0 0 3px #e3eafa}
.eusep-v2 .inscription-processus__etape[aria-current="step"] .inscription-processus__texte{font-weight:600}
.eusep-v2 .parcours-carte{margin:0 0 30px}
@media (max-width: 720px){
  .eusep-v2 .inscription-processus__etapes{grid-template-columns:1fr;gap:0}
  .eusep-v2 .inscription-processus__etape{padding-bottom:28px}
  .eusep-v2 .inscription-processus__etape--3{padding-bottom:0}
  .eusep-v2 .inscription-processus__fleche{top:auto;bottom:6px;left:calc(50% - .5px);width:0;height:16px;border-top:0;border-left:1px solid #bdcce4}
  .eusep-v2 .inscription-processus__fleche::after{right:auto;top:auto;bottom:-2px;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #bdcce4;border-bottom:0}
}