/* Copyright (c) 2026 Link Mahal. All rights reserved. */
/**
 * Link Mahal storefront motion — menu-rise, menu-fade, kenburns, category nav pop.
 * Mirrors landing-mock-motion + live Link Mahal export keyframes.
 */

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

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

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

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

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

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

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

.sf-motion-fade-in-down {
  animation: sf-motion-fade-in-down 0.55s var(--sf-motion-ease-pop) both;
  animation-delay: var(--sf-motion-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-motion-ease);
}

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

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

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

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

  .sf-motion-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;
  }
}