/* === TONEART News Ticker — fixed vertical centering & cleaner layout === */
.wk_nt_newsticker{
  background:#12161B !important;
  color:#E8EDF2 !important;
  font-family:'Inter','Syne',sans-serif !important;
  font-size:15px !important;

  /* Perfect vertical centering */
  display:flex;
  align-items:center;           /* center content vertically */
  height:36px;                  /* desktop bar height */
  padding:0 12px;               /* horizontal only (no top/bottom padding) */

  white-space:nowrap;
  overflow:hidden;
  position:relative;
  border-top:1px solid rgba(255,255,255,0.05);
  border-bottom:1px solid rgba(255,255,255,0.05);
}

/* Inner containers must also center their contents */
.wk_nt_newsticker #wk_nt_news{
  display:flex;
  align-items:center;
  width:100%;
  overflow:hidden;
  min-height:inherit;           /* inherit 36px for consistent centering */
}

.wk_nt_newsticker #wk_nt_news ul{
  display:flex;                 /* keeps items on one line and vertically centered */
  align-items:center;
  margin:0;
  padding:0;
  white-space:nowrap;
  /* your JS may animate transform; keep transition if you want */
  /* transition: transform .6s ease-in-out; */
}

/* Webkul builds li > div > spans — center all those layers */
.wk_nt_newsticker #wk_nt_news li{
  display:flex;
  align-items:center;
  margin:0;                     /* no extra vertical offset */
  padding:0;
}
.wk_nt_newsticker #wk_nt_news li > div{
  display:flex;
  align-items:center;
  gap:40px;                     /* equal spacing between claim <span>s */
}
.wk_nt_newsticker #wk_nt_news li > div > span{
  display:inline-flex;
  align-items:center;           /* emoji + text aligned */
  line-height:1.2;              /* removes extra top/bottom air */
}

/* Links (you already changed color elsewhere; keep as-is) */
.wk_nt_newsticker a{
  text-decoration:none;
  font-weight:500;
  color : #fff;
}

/* Mobile tweaks */
@media (max-width:768px){
  .wk_nt_newsticker{ font-size:13px !important; height:32px; padding:0 10px; }
  .wk_nt_newsticker #wk_nt_news li > div{ gap:28px; }
}

/* Hidden state if you use time windows */
.wk_nt_newsticker.hidden{ display:none !important; }


img.ticker-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    opacity: 0.9;
}

 .ticker-wrapper span {
  margin-right: 24px;
}