/* Text marquee — scrolling organization and venue strips.
   Covers both .text-marquee-section (org names) and .venue-marquee-section (venue names).
   Notes: docs/mock-component-map.md (proposed section) */

.text-marquee-section{background:#faf9f6;padding:44px 0;overflow:hidden}
.venue-marquee-section{background:#faf9f6;padding:44px 0 52px;overflow:hidden}
.text-marquee-head{font-family:'Cinzel',serif;font-weight:600;font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:#2A2A2A;text-align:center;margin:0 0 28px;padding:0 24px}
.text-marquee-track{display:flex;width:max-content}
/* Duration comes from --marquee-seconds, set inline by the markets template
   from the record count, because the animation moves a fixed -50% regardless of
   how wide the track is. At a fixed 80s, Seattle's 17 venues and Portland's 60
   would scroll at wildly different speeds. Scaling the duration keeps the
   per-item speed constant across every market. 80s is the fallback for any
   caller that does not set it. */
.text-marquee-content{display:flex;align-items:baseline;animation:ca-text-scroll var(--marquee-seconds,80s) linear infinite}
.text-marquee-content:hover{animation-play-state:paused}
.text-marquee-item{font-family:'DM Sans',sans-serif;font-size:20px;color:#2A2A2A;white-space:nowrap;padding:0 16px}
.text-marquee-sep{color:#E6AD1F;font-size:20px}
.venue-item{display:inline-flex;flex-direction:column;white-space:nowrap;padding:0 28px}
.venue-item-name{font-family:'Cinzel',serif;font-size:15px;color:#000}
.venue-item-detail{font-family:'DM Sans',sans-serif;font-size:12.5px;color:#6b6b6b;margin-top:2px}
@keyframes ca-text-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){
  .text-marquee-track{width:auto;overflow:visible}
  .text-marquee-content{animation:none;flex-wrap:wrap;justify-content:center}
}