@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

.akordeon-srodek {
  text-align: center;
}

.akordeon-naglowek {
  font-family: 'Audiowide', cursive;
  text-transform: uppercase;
  font-size: 17px; /* standard +1px (jeśli standard to np. 16px) */
  font-weight: bold;
  display: inline-block;
  margin-bottom: 6px;
}

/* --- Pasek meczów na żywo poziomo z separatorem --- */
.live-matches-bar {
  display: flex !important;      /* ustawienie poziome */
  flex-wrap: nowrap !important;  /* brak zawijania */
  align-items: center;
  gap: 10px;                     /* odstęp między meczami */
  white-space: nowrap;
  overflow-x: auto;              /* przewijanie w poziomie jeśli meczy jest dużo */
  padding: 10px 0;
}

/* Każdy mecz jako jeden element poziomy */
.live-matches-bar .sp-event {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Separator między meczami (przecinek, pionowa kreska lub inny znak) */
.live-matches-bar .sp-event:not(:last-child)::after {
  content: " , "; /* zmień przecinek na "|", "•" lub inny znak */
  color: #fff;
  margin: 0 5px;
}

/* Ukrycie scrollbara dla elegancji */
.live-matches-bar::-webkit-scrollbar {
  display: none;
}

/* Opcjonalnie automatyczne przesuwanie paska (ticker) */
.live-matches-bar {
  animation: scroll-left 40s linear infinite;
}

.live-matches-bar-wrapper:hover .live-matches-bar {
  animation-play-state: paused; /* pauza po najechaniu kursorem */
}

@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}