/* VODA: slow illuminated water, scoped to the musical-evening hero. */
section[aria-labelledby="voda-event-title"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 80% 65%, #12545b 0%, #092e3d 42%, #071722 82%);
  color: #f5faf9;
}
section[aria-labelledby="voda-event-title"] > .container { position: relative; z-index: 1; }
section[aria-labelledby="voda-event-title"] .text-muted-foreground { color: #d2e2e5; }
section[aria-labelledby="voda-event-title"] .text-primary { color: #b8e6e4; }
section[aria-labelledby="voda-event-title"] a[href^="tel:"] { background: #071c2ac9; border-color: #92c5cc66; }
section[aria-labelledby="voda-event-title"]::before,
section[aria-labelledby="voda-event-title"]::after {
  content: ""; position: absolute; inset: -18%; pointer-events: none; z-index: 0;
  background-repeat: repeat;
  will-change: transform;
}
section[aria-labelledby="voda-event-title"]::before {
  background-image: url('/images/voda/water-caustics.svg');
  background-size: 670px 670px;
  opacity: .30;
  mask-image: linear-gradient(110deg, #0003, #0008 48%, #000);
  animation: voda-water-drift 23s ease-in-out infinite alternate;
}
section[aria-labelledby="voda-event-title"]::after {
  background-image: radial-gradient(ellipse at 68% 62%, #f6d99044, transparent 28%), url('/images/voda/water-caustics.svg');
  background-size: 100% 100%, 980px 800px;
  opacity: .18;
  filter: blur(2px);
  animation: voda-water-light 31s ease-in-out infinite alternate;
}
@keyframes voda-water-drift {
  from { transform: translate3d(-2%, -1%, 0) rotate(-5deg) scale(1); }
  to { transform: translate3d(3%, 3%, 0) rotate(5deg) scale(1.09); }
}
@keyframes voda-water-light {
  from { transform: translate3d(3%, 1%, 0) rotate(7deg) scale(1.08); }
  to { transform: translate3d(-3%, -2%, 0) rotate(-4deg) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  section[aria-labelledby="voda-event-title"]::before,
  section[aria-labelledby="voda-event-title"]::after { animation: none; will-change: auto; }
}

/* The embedded menu cart must not cover the VODA hero/reservation links.
   Sticky remains constrained to the menu surface, unlike viewport-fixed. */
@media (max-width: 1279px) {
  body:has(section[aria-labelledby="voda-event-title"])
  [data-testid="native-food-menu-surface"] > .fixed.bottom-4 {
    position: sticky;
    inset-inline: auto;
    bottom: max(1rem, env(safe-area-inset-bottom));
    margin: 1rem;
    width: auto;
  }
}