/* ============================================================
   GABONIMMO.COM — Écran de démarrage (app installée)
   ------------------------------------------------------------
   Bug corrigé : #app-splash.show utilisait « animation: splashOut »
   alors que l'animation @keyframes splashOut n'était définie NULLE
   PART. Le navigateur ignorait donc l'animation, l'écran ne
   disparaissait jamais, et le logo restait affiché par-dessus toute
   la page : impossible d'accéder au site ou à l'administration.

   Deux protections ici :
   1. l'animation existe enfin (fondu puis retrait) ;
   2. un style de secours rend l'écran transparent même si le
      navigateur n'applique pas l'animation (vieux moteur,
      « réduire les animations » actif, animation interrompue).
   Le garde-fou JavaScript de l'en-tête retire l'élément du DOM
   après 1,8 s, quoi qu'il arrive.
   ============================================================ */

@keyframes splashOut {
  0%   { opacity: 1; visibility: visible; }
  99%  { opacity: 0; visibility: hidden; }
  100% { opacity: 0; visibility: hidden; }
}

/* L'animation se termine sur opacity 0 + visibility hidden et
   conserve cet état (forwards), donc l'écran ne peut plus rien
   masquer même si l'élément reste dans la page. */
#app-splash.show {
  animation: splashOut .4s ease 1.2s forwards;
}

/* Respect du réglage système « réduire les animations » : sans
   animation, pas de fondu — on masque directement après 1,2 s. */
@media (prefers-reduced-motion: reduce) {
  #app-splash.show {
    animation: splashOut .01s linear 1.2s forwards;
  }
}