/* Moving strip of notes above the header (set in Admin → Wishes & notes). */
.ticker {
  --tk-bg: linear-gradient(90deg, #8A0A1E 0%, #D7192F 50%, #8A0A1E 100%);
  --tk-text: #FFD978;
  --tk-star: #FFF3D6;
  --tk-line: #F2B544;
  position: relative;
  overflow: hidden;
  background: var(--tk-bg);
  color: var(--tk-text);
  border-bottom: 2px solid var(--tk-line);
}
.ticker-read { /* the notes once, for screen readers */
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.ticker-track {
  display: flex; width: max-content;
  animation: ticker-move var(--ticker-dur, 30s) linear infinite;
}
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-group { display: flex; flex: none; align-items: center; }
.ticker-note {
  padding: 8px 18px;
  font-family: var(--display); font-weight: 700; font-size: .88rem; line-height: 1.25;
  letter-spacing: .07em; text-transform: uppercase; white-space: nowrap;
}
.ticker-star { color: var(--tk-star); font-size: .95rem; line-height: 1; }
@keyframes ticker-move {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (min-width: 720px) {
  .ticker-note { padding: 10px 28px; font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; }
  .ticker { overflow-x: auto; scrollbar-width: none; }
}

.ticker--blue { --tk-bg: linear-gradient(90deg, #06204D 0%, #1D4BA8 50%, #06204D 100%); --tk-text: #FFD21F; --tk-star: #FFFFFF; --tk-line: #FFD21F; }
.ticker--green { --tk-bg: linear-gradient(90deg, #0A512B 0%, #14833F 50%, #0A512B 100%); --tk-text: #FFFFFF; --tk-star: #FFD21F; --tk-line: #FFD21F; }
.ticker--orange { --tk-bg: linear-gradient(90deg, #E0520D 0%, #FF8A1F 50%, #E0520D 100%); --tk-text: #2B1000; --tk-star: #FFFFFF; --tk-line: #B84106; }
.ticker--black { --tk-bg: #111111; --tk-text: #F5C84B; --tk-star: #FFFFFF; --tk-line: #F5C84B; }