/**
 * ala.menu storefront motion — menu-rise, menu-fade, kenburns, category nav pop.
 * Mirrors landing-mock-motion + live ala.menu export keyframes.
 */

.sf-template--food-menu {
  --sf-ala-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --sf-ala-ease-pop: cubic-bezier(0.34, 1.25, 0.64, 1);
  --sf-ala-rise-ms: 700ms;
  --sf-ala-fade-ms: 700ms;
}

@keyframes sf-ala-rise {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sf-ala-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sf-ala-fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sf-ala-kenburns {
  from {
    transform: scale(1.02) translateZ(0);
  }
  to {
    transform: scale(1.1) translate3d(-1.2%, -1%, 0);
  }
}

.sf-ala-rise {
  animation: sf-ala-rise var(--sf-ala-rise-ms) var(--sf-ala-ease) both;
  animation-delay: var(--sf-ala-delay, 0ms);
}

.sf-ala-fade {
  animation: sf-ala-fade var(--sf-ala-fade-ms) var(--sf-ala-ease) both;
  animation-delay: var(--sf-ala-delay, 0ms);
}

.sf-ala-fade-in-down {
  animation: sf-ala-fade-in-down 0.55s var(--sf-ala-ease-pop) both;
  animation-delay: var(--sf-ala-delay, 0ms);
}

.sf-menu[data-sf-menu].is-view-fading .sf-menu__scroll {
  opacity: 0.35;
  transform: translateY(5px) scale(0.992);
  transition:
    opacity 0.22s ease,
    transform 0.28s var(--sf-ala-ease);
}

.sf-menu[data-sf-menu] .sf-menu__scroll {
  transition:
    opacity 0.38s var(--sf-ala-ease),
    transform 0.42s var(--sf-ala-ease-pop);
}

.sf-menu__cats-wrap.sf-ala-fade {
  animation-delay: 360ms;
}

.sf-menu__cat-tile:hover .sf-menu__cat-thumb {
  transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
  .sf-ala-rise,
  .sf-ala-fade,
  .sf-ala-fade-in-down,
  .sf-ala-kenburns-img,
  .sf-menu__cat-divider-media--photo .sf-menu__cat-divider-kenburns,
  .sf-menu__promo-media img {
    animation: none !important;
  }

  .sf-ala-tap:active {
    transform: none;
    opacity: 1;
  }

  .sf-menu[data-sf-menu].is-view-fading .sf-menu__scroll,
  .sf-menu[data-sf-menu] .sf-menu__scroll {
    transition: none;
  }

  .sf-product-food-menu .sf-pdp-field,
  .sf-product-food-menu .sf-ingredients,
  .sf-product-food-menu .sf-modifiers,
  .sf-product-food-menu .sf-preorder {
    animation: none !important;
  }

  .sf-product-food-menu .sf-size-swatch,
  .sf-product-food-menu .sf-ingredient-check,
  .sf-product-food-menu .sf-modifier-choice,
  .sf-product-food-menu .sf-ingredient-check__box,
  .sf-product-food-menu .sf-modifier-choice .lm-check__box,
  .sf-product-food-menu .sf-pdp-related .sf-product-card {
    transition: none !important;
  }
}