/* Balk onderaan het scherm */
.news-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #269b57;
  color: #fff;
  display: flex;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  z-index: 9999;
  overflow: hidden;
}

/* Label links */
.news-bar__label {
  flex: 0 0 auto;
  padding: 0 12px;
  background: #269b57;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Ticker-gebied */
.news-bar__ticker-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
}

/* Scrol­len­de tekst (rechts -> links) */
.news-bar__ticker {
  display: inline-flex;
  white-space: nowrap;
  padding-left: 100%; /* start buiten beeld rechts [web:10][web:14] */
  animation: news-scroll 120s linear infinite;
}

/* Afstand tussen items */
.news-bar__ticker span {
  padding: 0 40px;
}

/* Animatie: rechts naar links */
@keyframes news-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Pauzeer scrollen bij hover */
.news-bar:hover .news-bar__ticker {
  animation-play-state: paused;
}

/* Responsief */
@media (max-width: 768px) {
  .news-bar {
    height: 32px;
    font-size: 12px;
  }

  .news-bar__ticker span {
    padding: 0 24px;
  }

  .news-bar__label {
    padding: 0 8px;
  }
}

/* Eventuele horizontale scrollbar van de pagina verbergen [web:12] */
body {
  overflow-x: hidden;
}