/* v24 - Professional ticker inside tablet
   Purpose: remove legacy white glow/shadow and make ticker compact, modern, readable. */

.tablet-live-ticker{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:14px!important;
  z-index:20!important;
  overflow:hidden!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#063f33!important;
  box-shadow:none!important;
  filter:none!important;
}

.tablet-live-ticker .public-ticker{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#063f33 0%,#075846 58%,#08705a 100%)!important;
  box-shadow:none!important;
  filter:none!important;
  color:#fff!important;
}

.tablet-live-ticker .ticker-label{
  flex:0 0 auto!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 15px!important;
  background:#052f28!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}

.tablet-live-ticker .ticker-dot{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  border-radius:50%!important;
  background:#6ee7b7!important;
  box-shadow:none!important;
}

.tablet-live-ticker .ticker-track,
.tablet-live-ticker .ticker-viewport{
  flex:1 1 auto!important;
  min-width:0!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

.tablet-live-ticker marquee{
  width:100%!important;
  margin:0!important;
  padding:0 16px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  color:#f8fffc!important;
  -webkit-text-fill-color:#f8fffc!important;
  text-shadow:none!important;
  font-size:12px!important;
  line-height:42px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.tablet-live-ticker .ticker-track,
.tablet-live-ticker .ticker-track *,
.tablet-live-ticker marquee,
.tablet-live-ticker marquee *{
  color:#f8fffc!important;
  -webkit-text-fill-color:#f8fffc!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Explicitly neutralize pseudo elements from legacy ticker themes. */
.tablet-live-ticker::before,
.tablet-live-ticker::after,
.tablet-live-ticker .public-ticker::before,
.tablet-live-ticker .public-ticker::after,
.tablet-live-ticker .ticker-track::before,
.tablet-live-ticker .ticker-track::after,
.tablet-live-ticker .ticker-viewport::before,
.tablet-live-ticker .ticker-viewport::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Avoid ticker covering tablet content. */
.hero-tablet-screen{
  position:relative!important;
  overflow:hidden!important;
  padding-bottom:60px!important;
}

@media(max-width:760px){
  .hero-tablet-screen{padding-bottom:52px!important}
  .tablet-live-ticker{
    left:9px!important;
    right:9px!important;
    bottom:9px!important;
    border-radius:9px!important;
  }
  .tablet-live-ticker .public-ticker,
  .tablet-live-ticker .ticker-track,
  .tablet-live-ticker .ticker-viewport{
    min-height:35px!important;
    height:35px!important;
  }
  .tablet-live-ticker .ticker-label{
    padding:0 9px!important;
    gap:6px!important;
    font-size:9px!important;
  }
  .tablet-live-ticker marquee{
    padding:0 10px!important;
    font-size:10px!important;
    line-height:35px!important;
  }
}