/*--------------------------------------------------------------
# News Ticker Section
--------------------------------------------------------------*/
.news-ticker-container .news-ticker-wrapper {
  background: var(--surface-color);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  border-radius: 5px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  height: 60px; /* Fixed height for consistency */
}

.news-ticker-container .news-label {
  background: #3498db; 
  color: #fff;
  font-weight: 700;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 17px;
  z-index: 2;
  border: 2px solid #e67e22;
  border-left: none;
}

.news-ticker-container .news-content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  background: #f8f9fa; /* Light gray background */
}

.news-ticker-container .scrolling-text {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 40s linear infinite; /* Slower animation */
  padding-left: 100%; /* Start from off-screen right */
}

/* Hover to pause animation for easier clicking */
.news-ticker-container .news-content:hover .scrolling-text {
  animation-play-state: paused;
}

.news-ticker-container .news-ticker-item {
  font-weight: 600;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.news-ticker-container .news-ticker-item:hover {
  filter: brightness(1.2);
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

.news-ticker-container .scrolling-text .separator {
  color: var(--accent-color);
  margin: 0 15px;
  font-weight: 700;
}

/* Keyframe for simple right-to-left scrolling */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}