/*
 * Page de maintenance Watiqa.ma : animations.
 * Toutes désactivées si l'utilisateur a demandé à réduire les animations.
 */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes ping { 75%, 100% { transform: scale(2.4); opacity: 0; } }
@keyframes slide { 0% { left: -40%; } 100% { left: 100%; } }
@keyframes rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* Apparition de la carte */
.card { animation: rise .6s ease-out both; }

/* Engrenages : le grand et le petit tournent en sens inverse */
.gear { transform-box: fill-box; transform-origin: center; }
.gear-big { animation: spin 9s linear infinite; }
.gear-small { animation: spin 6s linear infinite reverse; }

/* Point clignotant du badge MAINTENANCE */
.badge .dot::after { animation: ping 1.8s cubic-bezier(0, 0, .2, 1) infinite; }

/* Barre de statut */
.spinner { animation: spin 1s linear infinite; }
.progress::after { animation: slide 1.8s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
}