/* Triplebee Events — custom styles that Tailwind utilities can't express cleanly. */

/* Marquee strip — continuous horizontal scroll of event categories.
   Two identical tracks scroll in tandem for a seamless loop. */
.marquee {
  width: 100%;
}
.marquee-track {
  flex: 0 0 auto;
  min-width: max-content;
  animation: tb-marquee 38s linear infinite;
}

@keyframes tb-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

/* Hero floral graphic — very slow ceremonial rotation, gold ring spins about the center. */
.hero-svg .hero-rotate {
  transform-origin: 200px 180px;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-svg .hero-rotate {
    animation: tb-rotate 90s linear infinite;
  }
}

@keyframes tb-rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}

/* Ensure the sticky mobile CTA doesn't overlap main content at the foot. */
body { padding-bottom: 0; }

/* Small polish: underline offset on all inline links inside body copy */
main a.inline-link {
  text-decoration: underline;
  text-underline-offset: 4px;
}