/* Announcement Bar widget. */

.prc-announce{
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  overflow: hidden;
  color: var(--prc-ink-soft);
  border-bottom: 1px solid rgba(198, 165, 112, .28);
}

.prc-announce--gradient{
  background: linear-gradient(90deg,
    var(--prc-blush) 0%,
    var(--prc-blush-deep) 50%,
    var(--prc-blush) 100%);
}

.prc-announce__track{
  display: flex;
  width: max-content;
  animation: prc-marquee 46s linear infinite;
}

.prc-announce--pausable:hover .prc-announce__track{ animation-play-state: paused; }

.prc-announce__set{ display: flex; align-items: center; }

.prc-announce__item{
  padding-inline: 24px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .32em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .85;
}

.prc-announce__dot{
  flex: none;
  width: 3px; height: 3px;
  border-radius: 50%;
  background: var(--prc-gold-deep);
}

/* The track carries the phrase list twice, so -50% lands the second copy
   exactly where the first began — seamless at any list length. */
@keyframes prc-marquee{ to{ transform: translateX(-50%); } }

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