/* XemPhim v2.1.2.1 — TopMovie Cinema Sticker Badge Position Fix */

/*
 * TopMovie badge contract:
 * - Quality: top-left
 * - Language/translation: top-right
 * - Production year: bottom-right
 * Scoped to TopMovie so existing catalogue/sidebar badge systems are not restyled.
 */
.topmovie-item--editorial .topmovie-thumb .apx-card-badges{
  position:absolute!important;
  z-index:38!important;
  top:7px!important;
  right:7px!important;
  bottom:auto!important;
  left:7px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:7px!important;
  width:auto!important;
  max-width:none!important;
  pointer-events:none!important;
}

.topmovie-item--editorial .topmovie-thumb .apx-card-badge{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 10px 0 13px!important;
  overflow:hidden!important;
  border:1px solid var(--apx-sticker-accent,rgba(255,255,255,.22))!important;
  border-radius:9px!important;
  background:rgba(14,20,30,.93)!important;
  color:var(--apx-sticker-text,#f6f8fb)!important;
  font-family:"Quicksand",sans-serif!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-shadow:none!important;
  box-shadow:2px 2px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  white-space:nowrap!important;
}

/* Small left sticker stripe gives category identity without a loud filled gradient. */
.topmovie-item--editorial .topmovie-thumb .apx-card-badge::before{
  content:""!important;
  position:absolute!important;
  top:4px!important;
  bottom:4px!important;
  left:4px!important;
  width:3px!important;
  border-radius:999px!important;
  background:var(--apx-sticker-accent,#fff)!important;
  box-shadow:0 0 8px var(--apx-sticker-glow,transparent)!important;
}

/* Quality — cinema gold/amber. */
.topmovie-item--editorial .topmovie-thumb .apx-card-badge--quality{
  --apx-sticker-accent:#f4c75b;
  --apx-sticker-text:#ffe7a0;
  --apx-sticker-glow:rgba(244,199,91,.22);
  margin-right:auto!important;
}

/* Translation family — same charcoal body, only the accent/tint changes. */
.topmovie-item--editorial .topmovie-thumb .apx-card-badge--language{
  --apx-sticker-accent:#4fd9e7;
  --apx-sticker-text:#d5fbff;
  --apx-sticker-glow:rgba(79,217,231,.2);
  margin-left:auto!important;
}
.topmovie-item--editorial .topmovie-thumb .apx-card-badge--language-pd{
  --apx-sticker-accent:#4fd9e7;
  --apx-sticker-text:#d5fbff;
  --apx-sticker-glow:rgba(79,217,231,.2);
}
.topmovie-item--editorial .topmovie-thumb .apx-card-badge--language-tm{
  --apx-sticker-accent:#69e3b4;
  --apx-sticker-text:#d9ffef;
  --apx-sticker-glow:rgba(105,227,180,.2);
}
.topmovie-item--editorial .topmovie-thumb .apx-card-badge--language-lt{
  --apx-sticker-accent:#ff8d7a;
  --apx-sticker-text:#ffe1dc;
  --apx-sticker-glow:rgba(255,141,122,.2);
}
.topmovie-item--editorial .topmovie-thumb .apx-card-badge--language-mixed{
  --apx-sticker-accent:#58ded0;
  --apx-sticker-text:#ddfff9;
  --apx-sticker-glow:rgba(88,222,208,.2);
}

/* Year is deliberately neutral and must never compete with the top-right language badge. */
.topmovie-item--editorial .topmovie-year-badge{
  top:auto!important;
  right:7px!important;
  bottom:7px!important;
  left:auto!important;
  z-index:36!important;
  min-width:43px!important;
  height:25px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:8px!important;
  background:rgba(10,15,24,.9)!important;
  color:#f3f6fa!important;
  text-shadow:none!important;
  box-shadow:2px 2px 0 rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

@media(max-width:520px){
  .topmovie-item--editorial .topmovie-thumb .apx-card-badges{
    top:5px!important;
    right:5px!important;
    left:5px!important;
    gap:4px!important;
  }
  .topmovie-item--editorial .topmovie-thumb .apx-card-badge{
    height:27px!important;
    min-height:27px!important;
    padding:0 7px 0 10px!important;
    border-radius:7px!important;
    font-size:10px!important;
    box-shadow:1.5px 1.5px 0 rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  .topmovie-item--editorial .topmovie-thumb .apx-card-badge::before{
    top:4px!important;
    bottom:4px!important;
    left:3px!important;
    width:2.5px!important;
  }
  .topmovie-item--editorial .topmovie-year-badge{
    top:auto!important;
    right:5px!important;
    bottom:5px!important;
    left:auto!important;
    min-width:39px!important;
    height:23px!important;
    padding:0 6px!important;
    font-size:9px!important;
    border-radius:7px!important;
  }
}