/* Toli Adugu V12.8.4 — consolidated Hero / Top10 / category / media / mobile ticker fixes */

/* =========================================================
   TYPOGRAPHY: Anek Telugu Bold = headings, Mandali = copy
   ========================================================= */
:root{
  --ta-heading:'Anek Telugu','Noto Sans Telugu',sans-serif;
  --ta-copy:'Mandali','Noto Sans Telugu',sans-serif;
}
:is(h1,h2,h3,h4,h5,h6,.headline,.title,.section-title,.category-title-copy h2,.news-copy h3,.news-copy h4,.theatre-lines span,.lower-code,.lower-third h1,.rank-number,.top10-rotator-list b){font-family:var(--ta-heading)!important}
:is(p,.deck,.summary,.description,.v1283-short-desc,.rank-feature-copy p,.article-body,.article-deck){font-family:var(--ta-copy)!important}

/* =========================================================
   HERO — clean image, one action, two-line latest badge,
   full two-line headline with no ellipsis/cropping.
   ========================================================= */
.broadcast-hero .hero-overlay,
.broadcast-hero .hero-slide::after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}
.broadcast-hero .hero-slide{
  background-blend-mode:normal!important;
}
.broadcast-hero .hero-content{
  overflow:visible!important;
}
.broadcast-hero .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.broadcast-hero .hero-actions>*:not(:first-child){display:none!important}
.broadcast-hero .hero-actions .button.primary{
  min-width:126px!important;
  justify-content:center!important;
  font-family:var(--ta-heading)!important;
  font-weight:800!important;
}
.broadcast-hero .lower-third{
  height:auto!important;
  min-height:94px!important;
  overflow:visible!important;
  align-items:stretch!important;
}
.broadcast-hero .lower-code{
  width:132px!important;
  min-width:132px!important;
  height:auto!important;
  min-height:94px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:8px 10px!important;
  white-space:normal!important;
  overflow:visible!important;
  font-family:var(--ta-heading)!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-align:center!important;
}
.broadcast-hero .lower-code>span{
  display:block!important;
  font:inherit!important;
  line-height:inherit!important;
}
.broadcast-hero .lower-code::after{display:none!important}
.broadcast-hero .lower-third>div{
  height:auto!important;
  min-height:94px!important;
  padding:10px 18px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.broadcast-hero .lower-third>div>small{display:none!important}
.broadcast-hero .lower-third h1{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--ta-heading)!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
}

/* =========================================================
   TOP 10 — no heading bar, no mini thumbnails, complete text,
   16:9 feature image + a larger colour-matched description deck.
   ========================================================= */
#top10.v127-moved-top10{
  border:1px solid rgba(39,211,255,.82)!important;
  box-shadow:0 0 0 1px rgba(195,45,255,.26),0 0 15px rgba(29,211,255,.32),0 0 32px rgba(187,39,255,.18),0 16px 34px rgba(4,38,75,.13)!important;
}
#top10.v127-moved-top10 .section-head{display:none!important}
#top10.v127-moved-top10>.container,
#top10.v127-moved-top10 .ranking-wall{
  height:100%!important;
  min-height:0!important;
}
#top10.v127-moved-top10 .ranking-wall{
  display:grid!important;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.94fr)!important;
  gap:8px!important;
  padding:8px!important;
  align-items:stretch!important;
}
#top10.v127-moved-top10 .top10-rotator-list{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:repeat(10,minmax(0,1fr))!important;
  gap:3px!important;
  padding:2px!important;
  margin:0!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10 .top10-rotator-list li{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:3px 7px!important;
  overflow:visible!important;
}
#top10.v127-moved-top10 .rank-thumb{display:none!important}
#top10.v127-moved-top10 .top10-rotator-list li>div{min-width:0!important;overflow:visible!important}
#top10.v127-moved-top10 .top10-rotator-list li b{
  display:block!important;
  width:100%!important;
  font-family:var(--ta-heading)!important;
  font-size:clamp(9px,.68vw,11.5px)!important;
  font-weight:800!important;
  line-height:1.12!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
#top10.v127-moved-top10 .top10-rotator-list li small,
#top10.v127-moved-top10 .top10-rotator-list li em{display:none!important}
#top10.v127-moved-top10 .rank-number{
  width:30px!important;height:30px!important;min-width:30px!important;
  font-size:12px!important;line-height:30px!important
}
#top10.v127-moved-top10 .rotating-rank-feature{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:16px!important;
}
#top10.v127-moved-top10 .rank-feature-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  flex:0 0 auto!important;
  border-radius:15px 15px 0 0!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10 .rank-gradient{display:none!important}
#top10.v127-moved-top10 .rank-feature-copy{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:11px 13px 12px!important;
  border-radius:0 0 15px 15px!important;
  background:linear-gradient(135deg,var(--rank-accent),color-mix(in srgb,var(--rank-accent) 78%,#17365c))!important;
  border-top:2px solid color-mix(in srgb,var(--rank-accent) 62%,white)!important;
  overflow:hidden!important;
}
#top10.v127-moved-top10 .rank-feature-copy .plate.exclusive{display:none!important}
#top10.v127-moved-top10 .rank-feature-copy h3{
  flex:0 0 auto!important;
  margin:0!important;
  font-family:var(--ta-heading)!important;
  font-size:clamp(13px,.95vw,17px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  color:#fff!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
}
#top10.v127-moved-top10 .rank-feature-copy p{
  flex:1 1 auto!important;
  margin:7px 0 6px!important;
  font-family:var(--ta-copy)!important;
  font-size:clamp(10px,.72vw,12.5px)!important;
  line-height:1.55!important;
  color:rgba(255,255,255,.97)!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
}
#top10.v127-moved-top10 .rank-feature-copy .meta-inverse{margin-top:auto!important;flex:0 0 auto!important}

/* =========================================================
   HOMEPAGE CATEGORY DESKS — remove artificial white gaps.
   Image is immediately followed by headline/deck/meta.
   ========================================================= */
.category-section .five-news-layout,
.category-section .children-grid{align-items:start!important}
.category-section .lead-news-card{
  grid-template-rows:auto auto!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
.category-section .lead-news-card .news-image{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
}
.category-section .child-news-card{
  grid-template-rows:auto auto!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
.category-section .child-news-card .news-image{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
}
.category-section .news-copy{height:auto!important;min-height:0!important}
.category-section .news-copy .v1283-short-desc{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  max-height:none!important;
  margin:5px 0 7px!important;
  font-family:var(--ta-copy)!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.category-section .lead-news-card .news-copy .v1283-short-desc{font-size:12px!important}

/* Dynamic category page cards are content-height too. */
.dynamic-category-page .cat-lead-card,
.dynamic-category-page .cat-child-card{min-height:0!important;height:auto!important;align-self:start!important}
.dynamic-category-page .cat-image{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
.dynamic-category-page .cat-image img{min-height:0!important;height:100%!important}

/* =========================================================
   MOVIE + OTT — coloured lower text areas per card.
   ========================================================= */
.top-widget-deck .v31-poster-card{
  border-color:rgba(255,255,255,.22)!important;
  background:linear-gradient(150deg,#a52354 0%,#51163d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(10,18,39,.16)!important;
}
.top-widget-deck [data-v31-movie-row] .v31-poster-card:nth-child(1){background:linear-gradient(145deg,#9f6d08,#4d2d00)!important}
.top-widget-deck [data-v31-movie-row] .v31-poster-card:nth-child(2){background:linear-gradient(145deg,#c34224,#68190e)!important}
.top-widget-deck [data-v31-movie-row] .v31-poster-card:nth-child(3){background:linear-gradient(145deg,#346db5,#18345d)!important}
.top-widget-deck [data-v31-movie-row] .v31-poster-card:nth-child(4){background:linear-gradient(145deg,#a72b79,#4d1748)!important}
.top-widget-deck [data-v31-ott-row] .v31-poster-card:nth-child(1){background:linear-gradient(145deg,#bf151f,#5b070d)!important}
.top-widget-deck [data-v31-ott-row] .v31-poster-card:nth-child(2){background:linear-gradient(145deg,#147bc0,#073a61)!important}
.top-widget-deck [data-v31-ott-row] .v31-poster-card:nth-child(3){background:linear-gradient(145deg,#157f9d,#073d52)!important}
.top-widget-deck [data-v31-ott-row] .v31-poster-card:nth-child(4){background:linear-gradient(145deg,#d48500,#6e4100)!important}
.top-widget-deck .v31-poster-card b,
.top-widget-deck .v31-poster-card span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)!important}
.top-widget-deck .v31-poster-card small{color:#ffe071!important}

/* =========================================================
   SECTION HEADING CLEANUP — main title only.
   ========================================================= */
.category-title-copy>small,
.category-title-copy>p,
.section-head .eyebrow,
.section-head>div>p,
.section-title>div>small,
.section-title>div>p,
.v31-card-head small,
.v31-banner-copy>small,
.media-hub-kicker,
[data-v31-banner-chip],
#latest .section-head .eyebrow{
  display:none!important;
}
.category-title-copy h2,
.section-head h2,
.section-title h2,
.v31-card-head h2{margin-top:0!important}

/* =========================================================
   BREAKING NEWS — Anek Bold and safe, readable line box.
   ========================================================= */
.headline-theatre-v4 .theatre-lines span,
.headline-theatre-v4 .theatre-lines [data-theatre-line]{
  font-family:var(--ta-heading)!important;
  font-weight:800!important;
  text-overflow:clip!important;
  overflow:visible!important;
  white-space:normal!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:100%!important;
  line-height:1.2!important;
  padding-block:4px!important;
}

/* =========================================================
   MOBILE — Live Information + Breaking News responsive.
   ========================================================= */
@media(max-width:760px){
  .live-information-ticker{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    grid-template-columns:88px minmax(0,1fr) 34px!important;
    overflow:hidden!important;
  }
  .live-information-plate{
    width:88px!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px 11px 4px 5px!important;
    clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)!important;
  }
  .live-information-plate b{font-size:12px!important;line-height:1!important;letter-spacing:.02em!important}
  .live-information-plate small{font-size:6px!important;line-height:1.05!important;letter-spacing:.06em!important}
  .live-information-stage,
  .live-information-track,
  .live-information-item{height:42px!important;min-height:42px!important}
  .live-information-stage{min-width:0!important;overflow:hidden!important}
  .live-information-item{
    flex:0 0 auto!important;
    max-width:205px!important;
    padding:0 8px!important;
    gap:4px!important;
  }
  .live-information-item .live-info-icon{width:16px!important;min-width:16px!important;height:16px!important}
  .live-information-item .live-info-copy{min-width:0!important;display:flex!important;align-items:baseline!important;gap:4px!important}
  .live-information-item b{font-size:9px!important;line-height:1!important;white-space:nowrap!important}
  .live-information-item em{font-size:9px!important;line-height:1!important;white-space:nowrap!important}
  .live-information-ticker .ticker-control{width:34px!important;height:42px!important;min-height:42px!important;padding:0!important}
  .live-information-ticker .ticker-control svg{width:14px!important;height:14px!important}

  .headline-theatre-v4{
    height:64px!important;
    min-height:64px!important;
    overflow:hidden!important;
  }
  .headline-theatre-v4 .theatre-inner.container{
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    grid-template-columns:96px minmax(0,1fr) 38px!important;
    gap:4px!important;
    padding:0 3px 0 0!important;
  }
  .theatre-breaking-left{
    width:96px!important;
    height:64px!important;
    min-height:64px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:4px!important;
    padding:5px 10px 5px 5px!important;
  }
  .breaking-wave{width:22px!important;height:26px!important;gap:2px!important}
  .breaking-wave i{width:3px!important}
  .theatre-breaking-left .theatre-breaking-badge b{font-size:12px!important;line-height:1!important}
  .theatre-breaking-left .theatre-breaking-badge em{font-size:8px!important;padding:2px 4px!important}
  .headline-theatre-v4 .theatre-stage,
  .headline-theatre-v4 .theatre-lines{
    height:64px!important;
    min-height:64px!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .headline-theatre-v4 .theatre-lines span,
  .headline-theatre-v4 .theatre-lines [data-theatre-line]{
    height:auto!important;
    min-height:0!important;
    max-height:58px!important;
    font-size:clamp(13px,4.0vw,17px)!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    align-content:center!important;
  }
  .headline-theatre-v4 .theatre-controls{
    height:64px!important;
    grid-template-columns:34px!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
  }
  .headline-theatre-v4 .theatre-count,
  .headline-theatre-v4 .theatre-next-chevron{display:none!important}
  .headline-theatre-v4 .theatre-controls button{width:30px!important;height:30px!important}

  /* Mobile Hero stays compact; badge and headline remain readable. */
  .broadcast-hero .lower-third{min-height:80px!important}
  .broadcast-hero .lower-code{width:86px!important;min-width:86px!important;min-height:80px!important;font-size:15px!important}
  .broadcast-hero .lower-third>div{min-height:80px!important;padding:7px 10px!important}
  .broadcast-hero .lower-third h1{font-size:clamp(16px,4.6vw,20px)!important;line-height:1.18!important}
  .broadcast-hero .hero-actions .button.primary{min-width:112px!important;font-size:11px!important}

  /* Descriptions requested for desktop only. */
  .category-section .news-copy .v1283-short-desc,
  .dynamic-category-page .cat-copy p,
  .dynamic-category-page .cat-short-desc{display:none!important}

  /* Top 10 on mobile is natural-height; no list thumbnail is ever shown. */
  #top10.v127-moved-top10 .ranking-wall{grid-template-columns:1fr!important;height:auto!important}
  #top10.v127-moved-top10 .top10-rotator-list{height:auto!important;grid-template-rows:none!important;overflow:visible!important}
  #top10.v127-moved-top10 .top10-rotator-list li{min-height:58px!important;height:auto!important}
  #top10.v127-moved-top10 .top10-rotator-list li b{font-size:12px!important;line-height:1.25!important}
  #top10.v127-moved-top10 .rotating-rank-feature{height:auto!important}
}

/* Dynamic category page: remove the extra desk/tagline lines from the main heading. */
.dynamic-category-page .cat-identity small,
.dynamic-category-page .cat-identity p{display:none!important}
.dynamic-category-page .cat-identity h1{margin:0!important}

@media(max-width:760px){
  .headline-theatre-v4 .theatre-lines span,
  .headline-theatre-v4 .theatre-lines [data-theatre-line]{
    display:block!important;
    max-height:none!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    overflow:visible!important;
  }
}