/* XemPhim 2.0.3.4 — Editorial Featured & Trending; scoped to these components.
 * Loaded after v2.0.3.3. Never targets Movie Showcase Slider (.apx-hero-slide).
 */

/* Smaller, visually consistent bottom type/progress badges on shared poster cards. */
.apx-card-status>span {
  height:24px!important;min-height:24px!important;padding-inline:7px!important;
  font-size:10px!important;line-height:1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.apx-card-status__type{border-color:rgba(88,150,158,.85)!important;}
.apx-card-status__episode{border-color:rgba(219,106,137,.87)!important;}
.apx-poster-meta-bar>span,
.apx-catalog-card__status>span{height:24px!important;min-height:24px!important;padding-inline:7px!important;font-size:10px!important;}
@media(max-width:640px){
  .apx-card-status>span,
  .apx-poster-meta-bar>span,
  .apx-catalog-card__status>span{height:22px!important;min-height:22px!important;padding-inline:6px!important;font-size:9px!important;}
}

/* ===== Giới Thiệu Phim Hay: image first, then independent editorial copy. ===== */
.featured-poster-gallery.apx-featured-editorial{
  padding:clamp(14px,2vw,25px)!important;
  border:1px solid rgba(155,177,200,.21)!important;border-radius:22px!important;
  background:linear-gradient(135deg,#181f29 0%,#121820 62%,#101722 100%)!important;
}
.apx-featured-editorial .pcgh-native-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;margin:0 0 21px!important;padding:0 0 16px!important;
}
.apx-featured-editorial .pcgh-native-heading__copy{min-width:0!important;display:grid!important;gap:5px!important;}
.apx-featured-editorial .pcgh-native-heading__title{margin:0!important;color:#fff4d6!important;font-size:clamp(21px,2vw,30px)!important;line-height:1.2!important;}
.apx-featured-editorial .pcgh-native-heading__subtitle{margin:0!important;color:#96a5b8!important;font-size:12px!important;line-height:1.4!important;}
.apx-featured-editorial .apx-featured-rail__controls{display:flex!important;gap:8px!important;flex-shrink:0!important;}
.apx-featured-editorial .apx-featured-rail__control{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid rgba(236,189,92,.28)!important;border-radius:10px!important;
  background:#19212e!important;color:#fff!important;
  box-shadow:0 4px 12px -8px #000!important;transition:background .18s ease,border-color .18s ease!important;
}
.apx-featured-editorial .apx-featured-rail__control:is(:hover,:focus-visible){background:#2b3037!important;border-color:#d7b65e!important;outline-offset:3px;}
.apx-featured-editorial .apx-featured-rail__arrow{width:12px!important;height:12px!important;}
.apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track{
  display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;
  gap:17px!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:2px 2px 10px!important;scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
}
.apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track::-webkit-scrollbar{display:none!important;}
.apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track>*{
  box-sizing:border-box!important;flex:0 0 calc((100% - 51px)/4)!important;
  width:calc((100% - 51px)/4)!important;min-width:0!important;max-width:none!important;
  scroll-snap-align:start!important;
}
.apx-featured-editorial a.pcgh-native-card.apx-featured-editorial__card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  align-self:stretch!important;gap:10px!important;height:auto!important;min-height:0!important;
  padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;
  text-align:left!important;transform:none!important;text-decoration:none!important;
}
.apx-featured-editorial .apx-featured-editorial__media{
  position:relative!important;flex:none!important;display:block!important;width:100%!important;
  height:auto!important;min-height:0!important;aspect-ratio:2/3!important;
  overflow:hidden!important;border:1px solid rgba(150,169,192,.37)!important;
  border-radius:15px!important;background:#111820!important;
  box-shadow:0 15px 26px -18px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.035)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.apx-featured-editorial .apx-featured-editorial__media::after{
  content:""!important;position:absolute!important;z-index:3!important;inset:auto 0 0!important;
  height:19%!important;background:linear-gradient(180deg,transparent,rgba(4,7,12,.65))!important;
  pointer-events:none!important;
}
.apx-featured-editorial .apx-featured-editorial__media .pcgh-native-poster{
  display:block!important;width:100%!important;height:100%!important;min-height:0!important;
  object-fit:cover!important;object-position:center top!important;border-radius:inherit!important;
  transition:transform .25s ease!important;
}
.apx-featured-editorial .apx-featured-editorial__media .apx-card-status{
  position:absolute!important;z-index:35!important;left:8px!important;bottom:8px!important;
  margin:0!important;max-width:calc(100% - 16px)!important;
}
.apx-featured-editorial .apx-featured-editorial__copy{
  position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;
  flex:1 1 auto!important;gap:5px!important;min-width:0!important;max-height:none!important;
  padding:0 2px 3px!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
  color:#e9edf5!important;text-shadow:none!important;pointer-events:none!important;
}
.apx-featured-editorial .apx-featured-editorial__title{
  position:static!important;display:-webkit-box!important;min-height:2.65em!important;max-height:2.65em!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  font-size:14px!important;font-weight:800!important;line-height:1.32!important;
  color:#f5f7fc!important;text-shadow:none!important;text-align:left!important;
}
.apx-featured-editorial .apx-featured-editorial__original{
  display:block!important;overflow:hidden!important;min-width:0!important;
  max-width:100%!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  font-size:11px!important;line-height:1.4!important;color:#8996a8!important;
}
.apx-featured-editorial .apx-featured-editorial__signals{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px 10px!important;
  min-height:0!important;margin-top:auto!important;padding-top:3px!important;
  font-size:11px!important;font-weight:650!important;line-height:1.25!important;color:#aab6c7!important;
}
.apx-featured-editorial .apx-featured-editorial__rating{color:#f5ca59!important;font-weight:800!important;white-space:nowrap!important;}
.apx-featured-editorial .apx-featured-editorial__rating small{font-size:9px!important;font-weight:750!important;color:#9daab9!important;}
.apx-featured-editorial .apx-featured-editorial__views,.apx-featured-editorial__year{color:#aab6c7!important;white-space:nowrap!important;}
@media(hover:hover) and (pointer:fine){
  .apx-featured-editorial .apx-featured-editorial__card:is(:hover,:focus-visible) .apx-featured-editorial__media{
    border-color:rgba(245,200,75,.65)!important;
    box-shadow:0 19px 30px -18px rgba(0,0,0,.95),0 0 0 1px rgba(245,200,75,.12)!important;
    transform:translateY(-2px)!important;
  }
  .apx-featured-editorial .apx-featured-editorial__card:is(:hover,:focus-visible) .apx-featured-editorial__title{color:#ffe1a2!important;}
}
@media(max-width:1000px){
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track{gap:14px!important;}
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track>*{flex-basis:calc((100% - 28px)/3)!important;width:calc((100% - 28px)/3)!important;}
  .apx-featured-editorial .apx-featured-editorial__title{font-size:13px!important;}
}
@media(max-width:700px){
  .featured-poster-gallery.apx-featured-editorial{padding:13px!important;border-radius:15px!important;}
  .apx-featured-editorial .pcgh-native-heading{gap:8px!important;margin-bottom:14px!important;padding-bottom:12px!important;}
  .apx-featured-editorial .pcgh-native-heading__title{font-size:20px!important;}
  .apx-featured-editorial .pcgh-native-heading__subtitle{font-size:11px!important;}
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track{gap:12px!important;}
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track>*{
    flex-basis:min(72vw,calc((100% - 12px)/1.45))!important;
    width:min(72vw,calc((100% - 12px)/1.45))!important;
  }
  .apx-featured-editorial .apx-featured-editorial__title{font-size:13px!important;}
  .apx-featured-editorial .apx-featured-editorial__media .apx-card-status{left:6px!important;bottom:6px!important;max-width:calc(100% - 12px)!important;}
  .apx-featured-editorial .apx-featured-rail__controls{display:none!important;}
}

/* ===== Top Thịnh Hành: independent title / rank / metadata below clean poster. ===== */
.topmovie-wrapper{
  padding:clamp(15px,2vw,25px)!important;border:1px solid rgba(150,171,198,.18)!important;
  border-radius:20px!important;background:linear-gradient(115deg,#252a33,#1c2539)!important;
}
.topmovie-header{align-items:center!important;gap:16px!important;}
.topmovie-header h2{font-family:"Quicksand",sans-serif!important;font-size:clamp(23px,2.25vw,33px)!important;}
.topmovie-tabs{gap:8px!important;}
.topmovie-tabs button{min-height:34px!important;padding:8px 13px!important;font-size:12px!important;}
.topmovie-list{display:flex!important;align-items:stretch!important;gap:14px!important;overflow-x:auto!important;padding:3px 1px 14px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;}
.topmovie-list::-webkit-scrollbar{display:none!important;}
.topmovie-item.topmovie-item--editorial{
  display:flex!important;flex:0 0 calc((100% - 70px)/6)!important;width:calc((100% - 70px)/6)!important;
  min-width:0!important;height:auto!important;scroll-snap-align:start!important;
}
.topmovie-item--editorial .topmovie-card{
  position:relative!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;height:auto!important;gap:10px!important;
  padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;filter:none!important;box-shadow:none!important;
}
.topmovie-item--editorial .topmovie-card:hover{filter:none!important;box-shadow:none!important;}
.topmovie-item--editorial .topmovie-thumb{
  position:relative!important;display:block!important;flex:none!important;width:100%!important;
  height:auto!important;aspect-ratio:2/3!important;overflow:hidden!important;
  border:1px solid rgba(151,171,198,.41)!important;border-radius:15px!important;
  background:#101820!important;box-shadow:0 15px 30px -18px #000!important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.topmovie-item--editorial .topmovie-thumb>img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  border-radius:inherit!important;filter:none!important;
  transition:transform .24s ease!important;
}
.topmovie-item--editorial .topmovie-thumb::after{content:none!important;display:none!important;}
.topmovie-item--editorial .topmovie-overlay{display:none!important;}
.topmovie-item--editorial .topmovie-footer{
  display:flex!important;align-items:flex-start!important;gap:9px!important;
  flex:1 1 auto!important;min-width:0!important;padding:0 2px 5px!important;
}
.topmovie-item--editorial .topmovie-rank{
  position:static!important;display:block!important;flex:0 0 auto!important;
  font-family:"Quicksand",sans-serif!important;font-size:clamp(26px,2.75vw,40px)!important;
  font-weight:950!important;line-height:1!important;letter-spacing:-.06em!important;
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-stroke:0!important;-webkit-text-fill-color:currentColor!important;
  color:#c1cedf!important;filter:none!important;text-shadow:none!important;
  transform:none!important;pointer-events:none!important;
}
.topmovie-item--editorial .topmovie-rank::after{content:none!important;display:none!important;}
.topmovie-item--editorial .topmovie-rank[data-rank="1"]{color:#f6cd69!important;text-shadow:0 1px 12px rgba(244,192,65,.2)!important;}
.topmovie-item--editorial .topmovie-rank[data-rank="2"]{color:#dce5f1!important;}
.topmovie-item--editorial .topmovie-rank[data-rank="3"]{color:#d4a37c!important;}
.topmovie-item--editorial .topmovie-info{
  position:static!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  gap:5px!important;min-width:0!important;margin:0!important;padding:0!important;
  text-align:left!important;transform:none!important;
}
.topmovie-item--editorial .topmovie-title{
  display:-webkit-box!important;min-height:2.7em!important;max-height:2.7em!important;
  margin:0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  color:#f1f5fa!important;font-family:"Quicksand",sans-serif!important;
  font-size:12.5px!important;font-weight:800!important;line-height:1.35!important;
}
.topmovie-item--editorial .topmovie-meta{
  display:-webkit-box!important;max-height:2.7em!important;overflow:hidden!important;
  -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  color:#a4b2c5!important;font-size:10px!important;line-height:1.4!important;
}
.topmovie-nav{width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:11px!important;background:rgba(20,27,38,.91)!important;}
@media(hover:hover) and (pointer:fine){
  .topmovie-item--editorial:is(:hover,:focus-visible) .topmovie-thumb{
    transform:translateY(-2px)!important;border-color:rgba(247,200,89,.72)!important;
    box-shadow:0 19px 34px -18px #000,0 0 0 1px rgba(245,200,75,.12)!important;
  }
  .topmovie-item--editorial:is(:hover,:focus-visible) .topmovie-title{color:#ffe0a4!important;}
}
@media(max-width:1150px){
  .topmovie-item.topmovie-item--editorial{flex-basis:calc((100% - 42px)/4)!important;width:calc((100% - 42px)/4)!important;}
}
@media(max-width:840px){
  .topmovie-item.topmovie-item--editorial{flex-basis:calc((100% - 28px)/3)!important;width:calc((100% - 28px)/3)!important;}
  .topmovie-header{align-items:flex-start!important;flex-direction:column!important;}
  .topmovie-tabs{max-width:100%!important;}
}
@media(max-width:520px){
  .topmovie-wrapper{padding:12px!important;margin:12px 8px!important;border-radius:15px!important;}
  .topmovie-header{gap:10px!important;}
  .topmovie-list{gap:11px!important;}
  .topmovie-item.topmovie-item--editorial{flex-basis:61%!important;width:61%!important;}
  .topmovie-item--editorial .topmovie-title{font-size:12px!important;}
  .topmovie-item--editorial .topmovie-rank{font-size:31px!important;}
  .topmovie-item--editorial .topmovie-footer{gap:7px!important;}
}
@media(prefers-reduced-motion:reduce){
  .apx-featured-editorial .apx-featured-editorial__media,
  .apx-featured-editorial .apx-featured-editorial__media img,
  .topmovie-item--editorial .topmovie-thumb,
  .topmovie-item--editorial .topmovie-thumb img{transition:none!important;transform:none!important;}
}