/*
Theme Name:  Hello Elementor Child
Template:    hello-elementor
Description: Child theme of Hello Elementor for The Memory Shield
Version:     1.0
*/

/* ── 1. Animation: cap delay utility classes from parent theme ───────────── */
/* Targets nfd-anim-delay-* classes. JS in functions.php caps inline styles. */
[class*="delay-500"],  [class*="delay-600"],  [class*="delay-700"],
[class*="delay-800"],  [class*="delay-900"],  [class*="delay-1000"],
[class*="delay-1100"], [class*="delay-1200"], [class*="delay-1300"],
[class*="delay-1400"], [class*="delay-1500"] { animation-delay: 400ms !important; }

/* ── 2. Animation: fade-in-* duration + easing ───────────────────────────── */
[class*="fade-in-bottom"], [class*="fade-in-top"],
[class*="fade-in-left"],   [class*="fade-in-right"] {
    animation-duration: 200ms !important;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ── 3. Animation: remove twist — replace with simple opacity fade ───────── */
[class*="twist"] {
    animation-name:            tms-fade-only !important;
    animation-duration:        200ms !important;
    animation-timing-function: ease-out !important;
}
@keyframes tms-fade-only {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── 4. prefers-reduced-motion: disable movement, keep opacity fades ─────── */
@media (prefers-reduced-motion: reduce) {
    [class*="nfd-anim-zoom"],
    [class*="fade-in-bottom"], [class*="fade-in-top"],
    [class*="fade-in-left"],   [class*="fade-in-right"],
    [class*="twist"] {
        animation-name:     tms-fade-only !important;
        animation-duration: 200ms !important;
        transform:          none !important;
    }
}