/* ============================================
   BOTTOMZ UP — Sizzle & Smoke Micro-Interactions
   Burger cards: heat-haze hover + heat shimmer
   Footer: scroll-driven headline reveal
   ============================================ */

/* ---------- Burger cards: equal treatment (no featured special effects) ---------- */
.burger-card--featured {
  position: relative;
  transform: none;
  z-index: auto;
}

.burger-card--featured::before {
  display: none !important;
  content: none !important;
}

/* Badge stays static — no smoke / heat hover gimmicks */
.card-badge {
  position: absolute;
  overflow: visible;
}

/* Light shared hover only (same as other cards) — no special featured anim */
.burger-card:hover .burger-image::before,
.burger-card:focus-visible .burger-image::before {
  content: none;
  display: none;
}

/* ---------- Impact Footer: Scroll-Reveal Overdrive ---------- */

/* Wrapper that allows scroll-driven stagger */
.footer-hero {
  overflow: hidden;
}

/* "HUNGRY? GET HERE." — full punch reveal when in view */
.footer-headline {
  animation: footerHeadlinePunch 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Add individual line stagger to the two lines */
.footer-headline span.footer-line {
  display: block;
  overflow: hidden;
}

.footer-headline span.footer-line-inner {
  display: block;
  transform: translateY(110%);
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer-headline.is-revealed span.footer-line-inner:nth-child(1) {
  transform: translateY(0);
  transition-delay: 0ms;
}

.footer-headline.is-revealed span.footer-line-inner:nth-child(2) {
  transform: translateY(0);
  transition-delay: 100ms;
}

/* Animated underline sweeps across the headline on reveal */
.footer-headline-underline {
  display: block;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--footer-cream, #f5e8b7) 20%,
    rgba(241, 159, 15, 0.9) 50%,
    var(--footer-cream, #f5e8b7) 80%,
    transparent 100%
  );
  margin-top: 0.3rem;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.55s;
  border-radius: 2px;
  opacity: 0.7;
}

.footer-headline.is-revealed + .footer-headline-underline,
.footer-cta-block.is-revealed .footer-headline-underline {
  transform: scaleX(1);
}

/* Subhead stagger entrance */
.footer-subhead {
  transform: translateY(18px);
  opacity: 0;
  transition:
    transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s,
    opacity 0.6s ease 0.35s;
}

.footer-cta-block.is-revealed .footer-subhead {
  transform: translateY(0);
  opacity: 1;
}

/* ORDER NOW button stagger */
.footer-order-btn {
  transform: translateY(20px) scale(0.96);
  opacity: 0;
  transition:
    transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.5s,
    opacity 0.55s ease 0.5s,
    background 0.25s ease,
    box-shadow 0.25s ease,
    color 0.2s ease,
    letter-spacing 0.25s ease;
}

.footer-cta-block.is-revealed .footer-order-btn {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Burger floats: staggered slide-up on reveal */
.footer-burger--left {
  transform: translateX(-32px) translateY(20px);
  opacity: 0;
  transition:
    transform 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.15s,
    opacity 0.6s ease 0.15s;
}

.footer-hero.is-revealed .footer-burger--left {
  transform: translateX(0) translateY(0);
  opacity: 1;
}

.footer-burger--right {
  transform: translateX(32px) translateY(20px);
  opacity: 0;
  transition:
    transform 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.25s,
    opacity 0.6s ease 0.25s;
}

.footer-hero.is-revealed .footer-burger--right {
  transform: translateX(0) translateY(0);
  opacity: 1;
}

/* No continuous float / hover motion on footer burgers */
.footer-hero.is-revealed .footer-burger--left img,
.footer-hero.is-revealed .footer-burger--right img,
.footer-burger--left img,
.footer-burger--right img {
  animation: none !important;
}

/* Marquee always visible — deep orange handled in footer-impact.css */
.footer-marquee {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.site-footer--impact.footer-entered .footer-marquee {
  opacity: 1 !important;
  transform: none !important;
}

/* ---------- Reduced motion overrides ---------- */
@media (prefers-reduced-motion: reduce) {
  /* Kill all sizzle smoke/spin */
  .burger-card--featured::before,
  .burger-card--featured:hover .card-badge::before,
  .burger-card--featured:hover .card-badge::after {
    animation: none !important;
    opacity: 0 !important;
  }

  .burger-card--featured:hover::before {
    opacity: 0 !important;
  }

  /* Footer: skip transitions, show immediately */
  .footer-subhead,
  .footer-order-btn,
  .footer-burger--left,
  .footer-burger--right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .footer-headline .footer-line-inner {
    transform: none !important;
    transition: none !important;
  }

  .footer-marquee {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}