/* NEWS HDSPTV V39 - article media, video URL and breaking news polish */
html[data-theme] .hs-breaking-ticker{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(127,29,29,.92),rgba(8,13,28,.92))!important;
  border-top:1px solid rgba(250,204,21,.18)!important;
  border-bottom:1px solid rgba(250,204,21,.18)!important;
  padding:10px max(16px,calc((100vw - 1760px)/2 + 16px))!important;
  min-height:46px!important;
}
html[data-theme="light"] .hs-breaking-ticker{
  background:linear-gradient(90deg,#FFF7ED,#FFFFFF)!important;
  border-top:1px solid #FED7AA!important;
  border-bottom:1px solid #FED7AA!important;
}
html[data-theme] .hs-breaking-ticker strong{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#FACC15!important;
  color:#111827!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}
html[data-theme] .hs-ticker-track{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html[data-theme] .hs-ticker-track a{
  color:#F8FAFC!important;
  font-weight:850!important;
  font-size:14px!important;
  text-decoration:none!important;
}
html[data-theme="light"] .hs-ticker-track a{color:#991B1B!important;}
html[data-theme] .hs-ticker-track a:hover{color:#FACC15!important;}

html[data-theme] .article-video-block,
html[data-theme] .article-video-list,
html[data-theme] .article-media-gallery{
  margin:24px 0!important;
}
html[data-theme] .hs-video-embed{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#020617!important;
  border:1px solid rgba(148,163,184,.25)!important;
  box-shadow:0 18px 50px rgba(2,6,23,.20)!important;
}
html[data-theme] .hs-video-embed iframe,
html[data-theme] .hs-video-embed video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  display:block!important;
  background:#000!important;
}
html[data-theme] .hs-video-note{
  position:absolute!important;
  left:12px!important;
  bottom:10px!important;
  margin:0!important;
  z-index:2!important;
}
html[data-theme] .hs-video-note a,
html[data-theme] .hs-video-fallback a{
  display:inline-flex!important;
  min-height:34px!important;
  align-items:center!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#FACC15!important;
  color:#111827!important;
  font-weight:900!important;
}
html[data-theme] .hs-video-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.08)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  margin:16px 0!important;
}

html[data-theme] .article-media-gallery h2,
html[data-theme] .article-video-list h2{
  font-size:24px!important;
  line-height:1.2!important;
  margin:0 0 14px!important;
  color:inherit!important;
}
html[data-theme] .article-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
html[data-theme] .article-gallery-grid figure{
  margin:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.06)!important;
  border:1px solid rgba(148,163,184,.22)!important;
}
html[data-theme] .article-gallery-grid img{
  width:100%!important;
  height:260px!important;
  object-fit:cover!important;
  display:block!important;
  margin:0!important;
  border-radius:0!important;
}
html[data-theme] .article-gallery-grid figcaption{
  padding:10px 12px!important;
  font-size:13px!important;
  color:#64748B!important;
}
html[data-theme="dark"] .article-gallery-grid figcaption{color:#CBD5E1!important;}
html[data-theme] .article-related-video{margin:0 0 16px!important;}
html[data-theme] .article-related-video h3{font-size:16px!important;margin:0 0 8px!important;}

html[data-theme] .sidebar-list-media li{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
}
html[data-theme] .sidebar-list-media img{
  width:64px!important;
  height:48px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.25)!important;
}
html[data-theme] .related-card-grid{
  display:grid!important;
  gap:12px!important;
}
html[data-theme] .related-card{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:center!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#F8FAFC!important;
}
html[data-theme="light"] .related-card{
  background:#FFFFFF!important;
  color:#0F172A!important;
  border-color:#E2E8F0!important;
}
html[data-theme] .related-card img,
html[data-theme] .related-card-placeholder{
  grid-row:1/3!important;
  width:96px!important;
  height:72px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  background:#1E3A8A!important;
  color:#FACC15!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}
html[data-theme] .related-card strong{
  color:inherit!important;
  line-height:1.25!important;
  font-size:14px!important;
}
html[data-theme] .related-card small{color:var(--v37-dim,#94A3B8)!important;font-size:12px!important;}

.hs-admin-media-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:12px!important;
}
.hs-admin-media-item{
  display:grid!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid #E5E7EB!important;
  border-radius:14px!important;
  background:#fff!important;
}
.hs-admin-media-item img{
  width:100%!important;
  height:96px!important;
  object-fit:cover!important;
  border-radius:10px!important;
}
.hs-admin-media-item small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#64748B!important;
}
.hs-admin-video-chip{
  display:grid!important;
  place-items:center!important;
  height:96px!important;
  border-radius:10px!important;
  background:#111827!important;
  color:#FACC15!important;
  font-weight:950!important;
}

@media (max-width:760px){
  html[data-theme] .hs-breaking-ticker{
    align-items:flex-start!important;
    gap:8px!important;
    padding:9px 10px!important;
    min-height:auto!important;
  }
  html[data-theme] .hs-breaking-ticker strong{
    font-size:10px!important;
    min-height:26px!important;
    padding:6px 8px!important;
  }
  html[data-theme] .hs-ticker-track{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    gap:12px!important;
  }
  html[data-theme] .hs-ticker-track::-webkit-scrollbar{display:none!important;}
  html[data-theme] .hs-ticker-track a{
    font-size:13px!important;
    flex:0 0 auto!important;
  }
  html[data-theme] .article-gallery-grid{
    grid-template-columns:1fr!important;
  }
  html[data-theme] .article-gallery-grid img{
    height:auto!important;
    max-height:360px!important;
  }
  html[data-theme] .related-card{
    grid-template-columns:82px minmax(0,1fr)!important;
    padding:9px!important;
  }
  html[data-theme] .related-card img,
  html[data-theme] .related-card-placeholder{
    width:82px!important;
    height:62px!important;
  }
  html[data-theme] .sidebar-list-media li{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  html[data-theme] .sidebar-list-media img{
    width:58px!important;
    height:44px!important;
  }
}
