/**
 * ================================================================
 * FICHIER : aq_motion.css
 * EMPLACEMENT : _Gabarits/WebExpress_V2/Site/www/_modules/aq_motion/aq_motion.css
 * SHORT_DESC : Animations d'apparition subtiles (module __AQ_motion du plan)
 * DESCRIPTION : Les éléments [data-motion] ne sont masqués que si JavaScript est actif
 *               (classe motion_active sur <html>) et si l'utilisateur n'a pas demandé
 *               à réduire les animations. Sans JS, tout reste visible.
 *
 * MODIFICATIONS :
 *   - 14/10/2026 : Création (chantier n° 1266 Web Express, lot J, Claude) — A VALIDER PAR JaxX
 * ================================================================
 */

/* MOTION ============================================================== */
@media (prefers-reduced-motion: no-preference)
{
    .motion_active [data-motion]
    {
        opacity: 0;
        transform: translateY(22px);
        transition: opacity 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
        transition-delay: var(--motion_delai, 0s);
    }

    .motion_active [data-motion="zoom"]
    {
        transform: scale(0.96);
    }

    .motion_active [data-motion].est_visible
    {
        opacity: 1;
        transform: none;
    }
}
/* MOTION ============================================================== */