.hafijur-marquee-wrapper {
  width: 100%;
  background: var(--haf-bg, #000);
  color: var(--haf-tc, #fff);
  overflow: hidden;
  font-family: inherit;
  position: relative;
  z-index: 9999;
  /* prevent pre-init wrapping during navigation */
  white-space: nowrap;
}

/* Force remove all underlines from marquee links - highest priority */
.hafijur-marquee-wrapper * a,
.hafijur-marquee-wrapper * a:hover,
.hafijur-marquee-wrapper * a:focus,
.hafijur-marquee-wrapper * a:active,
.hafijur-marquee-wrapper * a:visited,
.hafijur-marquee-wrapper * a:link {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.hafijur-marquee-viewport {
  width: 100%;
  overflow: hidden;
  /* keep everything on one line even before JS runs */
  white-space: nowrap;
}
.hafijur-marquee-track {
  /* inline-block avoids unexpected line wrapping on slow loads */
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  will-change: transform;
}
.hafijur-marquee-track .haf-item {
  display: inline-block;
  padding: 8px 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* Completely remove underlines from marquee links */
.hafijur-marquee-track .haf-item a,
.hafijur-marquee-track .haf-item a:hover,
.hafijur-marquee-track .haf-item a:focus,
.hafijur-marquee-track .haf-item a:active,
.hafijur-marquee-track .haf-item a:visited,
.hafijur-marquee-track .haf-item a:link {
  color: var(--haf-link-color, #ffffff) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

.hafijur-marquee-track .haf-item a:hover {
  color: var(--haf-link-hover, #ffffff) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Additional override for any theme styles */
.hafijur-marquee-wrapper a,
.hafijur-marquee-wrapper a:hover,
.hafijur-marquee-wrapper a:focus,
.hafijur-marquee-wrapper a:active,
.hafijur-marquee-wrapper a:visited,
.hafijur-marquee-wrapper a:link {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.hafijur-marquee-track .haf-sep {
  display: inline-block;
  padding: 0 10px;
  opacity: 0.9;
  white-space: nowrap;
}

/* small screens */
@media (max-width: 600px) {
  .hafijur-marquee-track .haf-item {
    padding: 6px 8px;
    font-size: 14px;
  }
  .hafijur-marquee-track .haf-sep {
    padding: 0 6px;
  }
}