/**
 * Optional motion (toggled in Admin → Display & navigation).
 * Respects prefers-reduced-motion.
 */

@media (prefers-reduced-motion: no-preference) {
    body[data-anim-hero-fade="1"] .block.hero {
        animation: sbb-hero-in 1.05s ease-out both;
    }

    body[data-anim-bg-zoom="1"] {
        animation: sbb-bg-drift 95s ease-in-out infinite alternate;
    }

    body[data-anim-tonight-pulse="1"] .block.specials > h3 {
        animation: sbb-tonight-glow 3.2s ease-in-out infinite;
    }
}

@keyframes sbb-hero-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes sbb-bg-drift {
    0% {
        background-position: 48% 52%;
    }
    100% {
        background-position: 52% 48%;
    }
}

@keyframes sbb-tonight-glow {
    0%,
    100% {
        text-shadow: 0 0 0 transparent;
    }
    50% {
        text-shadow:
            0 0 14px rgba(255, 51, 102, 0.55),
            0 0 26px rgba(255, 120, 180, 0.35);
    }
}

@media (prefers-reduced-motion: no-preference) {
    body[data-anim-card-hover="1"] .menu-item {
        transition:
            transform 0.28s ease,
            box-shadow 0.28s ease,
            background 0.2s ease,
            border-color 0.2s ease;
    }

    body[data-anim-card-hover="1"] .menu-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.38);
    }

    body[data-anim-card-hover="1"] .hp-sp {
        transition:
            transform 0.24s ease,
            background 0.24s ease;
    }

    body[data-anim-card-hover="1"] .hp-sp:hover {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, 0.05);
    }

    body[data-anim-card-hover="1"] .staff-pick-card {
        transition:
            transform 0.24s ease,
            box-shadow 0.24s ease;
    }

    body[data-anim-card-hover="1"] .staff-pick-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    }
}

@media (prefers-reduced-motion: no-preference) {
    body[data-anim-modal="1"] .nav-drawer {
        transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    }

    body[data-anim-modal="1"] .nav-backdrop {
        transition:
            opacity 0.32s ease,
            visibility 0.32s ease;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-anim-hero-fade="1"] .block.hero,
    body[data-anim-bg-zoom="1"],
    body[data-anim-tonight-pulse="1"] .block.specials > h3 {
        animation: none !important;
    }

    body[data-anim-card-hover="1"] .menu-item:hover,
    body[data-anim-card-hover="1"] .hp-sp:hover,
    body[data-anim-card-hover="1"] .staff-pick-card:hover {
        transform: none;
    }
}