/* ===============================
   TOP BAR – RUNNING TEXT
   =============================== */
.top-bar {
  width: 100%;
  background: #FFF9F5;
  overflow: hidden;
}

.top-bar-inner {
  max-width: var(--max-width);
  margin: auto;
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
}

.top-bar-inner a {
  display: inline-block;
  font-family: var(--title-font);
  font-size: 1.1rem;
  color: #111;
  text-align: center;
  padding-left: 100%;
  animation: marquee 14s linear infinite;
}

/* Animation */
@keyframes marquee {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* Mobile tuning */
@media (max-width: 768px) {
  .top-bar-inner a {
    font-size: 0.8rem;
    animation-duration: 12s;
  }
}