/* Toli Adugu V12.8.7 — Hero label separation, category copy/header restore, Gallery + Movie/OTT white canvas */

/* =========================================================
   HERO — badge/label and headline must never occupy the same space.
   Keep the single story button on its own row above the lower third.
   ========================================================= */
.broadcast-hero .hero-content{
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
.broadcast-hero .hero-actions{
  position:relative!important;
  z-index:4!important;
  align-self:flex-start!important;
  margin:0 0 8px 44px!important;
  transform:none!important;
}
.broadcast-hero .lower-third{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-height:100px!important;
  height:auto!important;
  margin:0!important;
  overflow:visible!important;
  align-items:stretch!important;
}
.broadcast-hero .lower-code{
  position:relative!important;
  z-index:2!important;
  width:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  min-height:100px!important;
  height:auto!important;
  margin:0!important;
  padding:10px 12px!important;
  transform:none!important;
  clip-path:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.broadcast-hero .lower-code::after{display:none!important;content:none!important}
.broadcast-hero .lower-third>div{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  width:auto!important;
  min-height:100px!important;
  height:auto!important;
  margin:0!important;
  padding:9px 18px 8px!important;
  transform:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.broadcast-hero .lower-third h1{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:5px 0 2px!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow:visible!important;
  max-height:none!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
}

/* =========================================================
   CATEGORY HEADERS — remove only the tiny DESK line.
   Restore the requested third descriptor line below the main title.
   ========================================================= */
.category-title-copy>small,
.dynamic-category-page .cat-identity>small,
.v36-header-title>small{display:none!important}
.category-title-copy>p,
.dynamic-category-page .cat-identity>p,
.v36-header-title>p{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:5px 0 0!important;
  font-family:var(--ta-copy)!important;
  line-height:1.35!important;
}
.category-title-copy>p{color:rgba(255,255,255,.88)!important;font-size:12px!important}
.v36-header-title>p{color:rgba(255,255,255,.88)!important;font-size:11px!important}

/* =========================================================
   CATEGORY LEAD STORY — no cropped Telugu glyphs, no abrupt deck clamp.
   Use a longer, naturally-ended PHP deck and justify desktop copy.
   Parent grid still lets the lead match the two-card stack height.
   ========================================================= */
@media(min-width:901px){
  .category-section .five-news-layout{align-items:stretch!important}
  .category-section .lead-news-card{
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .category-section .lead-news-card .news-copy{
    min-height:0!important;
    overflow:visible!important;
    padding:10px 12px 9px!important;
  }
  .category-section .lead-news-card .news-copy h3{
    display:block!important;
    margin:0!important;
    padding:5px 0 1px!important;
    line-height:1.42!important;
    max-height:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }
  .category-section .lead-news-card .news-copy .v1283-short-desc{
    display:block!important;
    margin:5px 0 7px!important;
    padding:0!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    font-family:var(--ta-copy)!important;
    font-size:11.5px!important;
    line-height:1.55!important;
    text-align:justify!important;
    text-justify:inter-word!important;
  }
  .category-section .lead-news-card .news-copy .meta{margin-top:auto!important}
}

/* Dynamic category lead card receives the same safe Telugu line-box. */
.dynamic-category-page .cat-lead-card h2,
.dynamic-category-page .cat-lead-card h3{
  padding-top:4px!important;
  line-height:1.42!important;
  overflow:visible!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
}
.dynamic-category-page .cat-lead-card .cat-copy p{
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  text-align:justify!important;
  line-height:1.5!important;
}

/* =========================================================
   GALLERY — compact category-style blue header, not a module/widget title.
   ========================================================= */
.v128-media-showcase .v31-gallery-card{
  grid-template-rows:76px minmax(0,1fr) 108px!important;
}
.v128-media-showcase .v1287-gallery-category-head{
  height:76px!important;
  min-height:76px!important;
  padding:9px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#fff!important;
  background:linear-gradient(125deg,#075b9f 0%,#087fbd 52%,#18a6c7 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.24)!important;
  box-sizing:border-box!important;
}
.v1287-gallery-identity{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
.v1287-gallery-icon{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  display:grid!important;place-items:center!important;border-radius:13px!important;
  background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.v1287-gallery-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
.v1287-gallery-category-head h2{
  margin:0!important;padding:2px 0 0!important;color:#fff!important;
  font-family:var(--ta-heading)!important;font-size:20px!important;line-height:1.12!important;font-weight:800!important;
}
.v1287-gallery-category-head p{
  display:block!important;margin:3px 0 0!important;color:rgba(255,255,255,.84)!important;
  font-family:var(--ta-copy)!important;font-size:10px!important;line-height:1.25!important;
}
.v1287-gallery-category-head>a{
  flex:0 0 auto!important;color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;
  padding:7px 9px!important;border-radius:999px!important;background:rgba(0,31,65,.20)!important;border:1px solid rgba(255,255,255,.24)!important;
}

/* =========================================================
   MOVIE / OTT — white canvas behind the four cards.
   Keep the coloured per-card copy panels and dark section header bars.
   ========================================================= */
.v128-media-showcase .v31-entertainment-card{background:#fff!important}
.v128-media-showcase .v31-ent-body{
  background:#fff!important;
  color:#09213d!important;
}
.v128-media-showcase .v31-poster-section{
  background:#fff!important;
  border:1px solid #e0e8f1!important;
  box-shadow:0 5px 14px rgba(4,38,75,.06)!important;
}
.v128-media-showcase .v31-poster-row{
  background:#fff!important;
  padding:7px!important;
  gap:7px!important;
}
.v128-media-showcase .v31-poster-section>header{border-radius:11px 11px 0 0!important}
.v128-media-showcase .v31-poster-card{background:#fff!important}

@media(max-width:760px){
  .broadcast-hero .hero-actions{margin:0 0 6px 12px!important}
  .broadcast-hero .lower-third{grid-template-columns:82px minmax(0,1fr)!important;min-height:82px!important}
  .broadcast-hero .lower-code{width:82px!important;min-width:82px!important;max-width:82px!important;min-height:82px!important;font-size:14px!important;padding:8px 6px!important}
  .broadcast-hero .lower-third>div{min-height:82px!important;padding:7px 9px!important}
  .broadcast-hero .lower-third h1{padding-top:4px!important;font-size:clamp(16px,4.6vw,20px)!important;line-height:1.22!important}
  .v128-media-showcase .v31-gallery-card{grid-template-rows:68px minmax(0,1fr) 92px!important}
  .v128-media-showcase .v1287-gallery-category-head{height:68px!important;min-height:68px!important;padding:8px 10px!important}
  .v1287-gallery-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .v1287-gallery-category-head h2{font-size:17px!important}
  .v1287-gallery-category-head p{font-size:9px!important}
  .category-title-copy>p,.v36-header-title>p{font-size:10px!important}
}