/*
 * SodaStream Theme — animations.css
 *
 * Entrance and idle animations for buttons and content.
 * Optional file: if missing, LinkStack falls back to its default animations.
 *
 * Expected class hooks:
 *   .fadein           — basic fade-in (used on h1, description, social icons)
 *   .button-entrance  — button appearance animation (--delay variable controls timing)
 *
 * The `.button-entrance` rule should respect a `--delay` CSS custom property
 * set inline by the template, so each button can stagger in.
 *
 * Replace this stub with your theme's animation styling.
 */

/* === Fade-in (used for headings, descriptions, social icons) === */
.fadein {
    opacity: 0;
    animation: fadein 0.8s ease-out forwards;
}

@keyframes fadein {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* === Button entrance (staggered via --delay variable) === */
.button-entrance {
    opacity: 0;
    /* We use a tiny script in custom-body-end.blade.php to guarantee a perfect 
       staggered --delay, avoiding LinkStack's sporadic inline delays. */
    animation: entrance 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) var(--delay) forwards;
}

@keyframes entrance {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}