/* Generic inline audio player used on multiple pages */

.inline-audio-player {
  /* Inline so it only takes as much width as its own content */
  display: inline-flex;
  flex-direction: column;
  gap: 0.25rem;
  vertical-align: middle;
}

.inline-audio-player .audio-controls-row {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.inline-audio-player .btn-audio-play,
.inline-audio-player .btn-audio-stop {
  min-width: 2.2rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  cursor: pointer;
}

.inline-audio-player .btn-audio-stop:disabled {
  opacity: 0.4;
  cursor: default;
}

.inline-audio-player .audio-time {
  font-family: monospace;
  font-size: 0.85rem;
  opacity: 0.9;
}

/* Scrolling URL text under the buttons, constrained so it
   doesn't extend wider than the control row */
.inline-audio-player .audio-url-scroller {
  display: inline-block;
  max-width: 7.5rem;        /* tweak this if you want slightly wider/narrower */
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.8rem;
  opacity: 0.9;
}

.inline-audio-player .audio-url-scroller span {
  display: inline-block;
  padding-left: 100%;
  animation: url-marquee 15s linear infinite;
}

@keyframes url-marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}