.itl-navbar {
  background: var(--itl-primary);
  position: sticky;
  top: 0;
  z-index: 1040;
}

.itl-navbar .nav-link {
  color: #fff !important;
  font-weight: 600;
  font-size: 0.92rem;
  padding: var(--itl-space-3) var(--itl-space-3) !important;
  transition: background 0.15s ease;
}

.itl-navbar .nav-link:hover,
.itl-navbar .nav-item.show > .nav-link {
  background: var(--itl-primary-dark);
}

.itl-navbar .itl-search-btn {
  color: #fff;
  background: transparent;
  border: none;
  padding: var(--itl-space-3);
}

/* Announcement marquee */
.itl-marquee {
  background: var(--itl-primary-light);
  border-bottom: 1px solid var(--itl-border);
  padding: var(--itl-space-2) 0;
}

.itl-marquee-track {
  display: flex;
  align-items: center;
  gap: var(--itl-space-2);
  overflow: hidden;
}

.itl-marquee-viewport {
  overflow: hidden;
  flex: 1;
  white-space: nowrap;
}

.itl-marquee-content {
  display: inline-block;
  white-space: nowrap;
  animation: itl-marquee-scroll 40s linear infinite;
  font-size: 0.88rem;
  color: var(--itl-text);
}

.itl-marquee-content.paused {
  animation-play-state: paused;
}

@keyframes itl-marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.itl-marquee-btn {
  border: none;
  background: transparent;
  color: var(--itl-primary);
  font-size: 1rem;
  padding: 0 var(--itl-space-2);
}