/* Home ticker — scroll direction.

   The ticker block animates .ticker__track from translateX(0) to translateX(-50%),
   i.e. the content travels right-to-left. `animation-direction: reverse` replays
   those same keyframes backwards so it travels left-to-right instead, without
   needing a second @keyframes block.

   Seamless either way: view.js duplicates the group until the track is at least
   twice the mask width AND forces an even group count, which is what makes the
   -50% wrap invisible — that holds in reverse too.

   Scoped to .ticker (the className this pattern sets) rather than changing the
   block itself, so any future ticker keeps the default right-to-left direction.
   Beats the block rule on specificity (0,3,0 vs 0,2,0), so load order is moot. */
.wp-block-ymca-ticker.ticker .ticker__track {
    animation-direction: reverse;
}

/* Always-Cachet text.

   These render in the heading font (Cachet) no matter which body font is picked
   in BMG Theme Options > Fonts. Letter-spacing uses --letter-spacing-cachet-sm, the
   Cachet spacing that does NOT follow the body font the way --letter-spacing-sm
   does (which would apply Noto Serif's positive spacing to Cachet text). */
/* Descendant selector required: the ticker's text is <p>, and defaults.css sets
   letter-spacing directly on `body p` (0,0,2), which beats inheritance. */
.wp-block-ymca-ticker,
.wp-block-ymca-ticker * {
    font-family: var(--font-heading);
    letter-spacing: var(--letter-spacing-cachet-sm);
}