/* ──────────────────────────────────────────────
   HOS TICKER — healoneself-shortcodes plugin
   Palette: Final homepage 10 reference design
   ────────────────────────────────────────────── */

:root {
  --hos-cream2:     #FAF6F2;
  --hos-terra:      #C4825A;
  --hos-text-light: #9B7355;
  --hos-border:     rgba(196, 130, 90, 0.15);
  --hos-sans:       'Jost', sans-serif;
}

@keyframes hos-ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.hos-ticker-wrap {
  background: var(--hos-cream2);
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid var(--hos-border);
  width: 100%;
  box-sizing: border-box;
}

.hos-ticker-track {
  display: inline-flex;
  gap: 48px;
  animation: hos-ticker 36s linear infinite;
}

.hos-ticker-track:hover {
  animation-play-state: paused;
}

.hos-t-item {
  font-family: var(--hos-sans);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--hos-text-light);
  display: flex;
  align-items: center;
  gap: 8px;
}

.hos-t-stars {
  color: var(--hos-terra);
}

.hos-t-div {
  color: rgba(196, 130, 90, .28);
}