/* vie.css — mouvement discret du site DevenirAgentFoot.
   Tout est réversible : sans ce fichier, les pages s'affichent exactement comme avant.
   Règle de base : rien ne clignote, rien ne rebondit, rien ne dure plus de 0,5 s. */

/* 1. Apparition au défilement. Les éléments visés reçoivent .vie-reveal par JS ;
      .vie-vu est ajouté quand ils entrent dans l'écran. Sans JS, rien n'est caché. */
.vie-reveal{opacity:0;transform:translateY(14px);
            transition:opacity .5s ease-out,transform .5s ease-out;}
.vie-vu{opacity:1;transform:none;}

/* 2. Barre de lecture, en haut des articles. */
#vie-progres{position:fixed;top:0;left:0;height:3px;width:0;
             background:var(--vert,#00D26A);z-index:9999;
             transition:width .12s linear;pointer-events:none;}

/* 3. Boutons et cartes : un relief léger au survol, seulement à la souris. */
@media (hover:hover){
  .btn{transition:transform .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out;}
  .btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,210,106,.18);}
  .callout,.tbl-wrap,.card,.temoin{transition:transform .2s ease-out,border-color .2s ease-out;}
  .callout:hover,.card:hover,.temoin:hover{transform:translateY(-2px);}
}

/* 4. Examen blanc : l'avancement des réponses, collé en haut. */
#vie-qcm{position:sticky;top:0;z-index:50;margin:0 0 18px;
         background:var(--gris-f,#141414);border:1px solid var(--bord,#262626);
         border-radius:999px;padding:9px 16px;display:flex;align-items:center;gap:12px;
         font-size:14px;color:var(--gris,#a8a8a8);}
#vie-qcm .vie-jauge{flex:1;height:5px;border-radius:999px;background:var(--bord,#262626);
                    overflow:hidden;}
#vie-qcm .vie-jauge span{display:block;height:100%;width:0;background:var(--vert,#00D26A);
                         transition:width .25s ease-out;}
#vie-qcm b{color:var(--blanc,#f5f5f5);font-variant-numeric:tabular-nums;}

/* 5. Respect du réglage « animations réduites » du système : tout redevient fixe. */
@media (prefers-reduced-motion:reduce){
  .vie-reveal{opacity:1;transform:none;transition:none;}
  #vie-progres,#vie-qcm .vie-jauge span{transition:none;}
  .btn:hover,.callout:hover,.card:hover,.temoin:hover{transform:none;}
}

/* 6. Bandeau « saison FIFA » (26/09/2026), en tête des pages FIFA. À caler sur les dates 2027 dès leur publication. */
.saison-bandeau{display:block;background:#00D26A;color:#0A0A0A;text-align:center;
                font:700 13.5px/1.4 'Inter',system-ui,sans-serif;padding:10px 16px;
                text-decoration:none;letter-spacing:.01em;}
.saison-bandeau strong{font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-right:6px;}
.saison-bandeau span{text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.saison-bandeau:hover span{text-decoration-thickness:2px;}