/* ======================================================================
   DOMELTA — bandeau cookies : apparition différée de 2 secondes
   ======================================================================
   5e et dernière méthode essayée (décision d'Eric du 13/10/2026).
   Les quatre précédentes échouaient parce que tarteaucitron Pro écrit
   « display: block; opacity: 1 » en style INLINE sur le bandeau, et un
   style inline bat n'importe quel sélecteur.

   Relevé avant d'écrire cette règle : ce style inline ne porte PAS de
   !important, le bandeau n'est ni dans une iframe ni dans un shadow DOM,
   et son conteneur visible est #tarteaucitronAlertBig (560x443, fixed).

   Or une propriété ANIMÉE prime sur une déclaration inline sans
   !important : c'est le seul levier qui reste, et il n'exige aucune
   modification de tarteaucitron.

   Le compte à rebours part de l'apparition du bandeau, pas du chargement
   de la page. L'état final (« both ») est l'état normal : si l'animation
   ne jouait pas, le bandeau resterait visible et cliquable comme avant.

   Retour arrière : /var/www/domelta/outils/retour-tac-delai.sh
   ====================================================================== */

#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronPercentage,
#tarteaucitronRoot #tarteaucitronBack {
  animation: dmTacDelai 2.3s linear both;
}

@keyframes dmTacDelai {
  0%, 87% { opacity: 0; visibility: hidden; }
  100%    { opacity: 1; visibility: visible; }
}

/* Un visiteur qui demande à réduire les animations ne doit pas pour autant
   voir le bandeau surgir : on garde le délai, on retire le fondu. */
@media (prefers-reduced-motion: reduce) {
  #tarteaucitronRoot #tarteaucitronAlertBig,
  #tarteaucitronRoot #tarteaucitronPercentage,
  #tarteaucitronRoot #tarteaucitronBack {
    animation: dmTacDelaiNet 2.3s steps(1, end) both;
  }
  @keyframes dmTacDelaiNet {
    0%, 87% { opacity: 0; visibility: hidden; }
    100%    { opacity: 1; visibility: visible; }
  }
}
