/* ============================================================
   TRANSITION.CSS
   Effet glitch lors du changement de page.
   
   FONCTIONNEMENT :
   1. Un overlay couvre tout l'écran (caché par défaut)
   2. Quand on clique sur un lien, l'overlay s'active
   3. L'animation glitch joue pendant ~600ms
   4. Puis le navigateur redirige vers la nouvelle page
   
   STRUCTURE DE L'OVERLAY (dans le HTML) :
   <div class="glitch-transition" id="glitch-transition">
     <div class="glitch-transition__line"></div>  (×5 ou plus)
   </div>
   
   Inclure ce CSS + transition.js sur TOUTES les pages.
   ============================================================ */

/* ---- OVERLAY (couvre tout l'écran) ---- */
.glitch-transition {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--color-bg-deep, #0a0a0f);
  pointer-events: none;
  
  /* Caché par défaut */
  opacity: 0;
  visibility: hidden;
}

/* État actif : visible */
.glitch-transition.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}