/* PrimeFlix v3.18.0 — Phase 8 frontend visual recovery */
:root{--pf-ui-control-radius:12px}

/* Legacy/current accent variable compatibility. */
:root{--pf-accent2:var(--pf-accent-2,#a855f7)}

/* Compact icon controls must remain circles/squares rather than inheriting CTA dimensions. */
.pf-notif-btn{min-width:38px!important;min-height:38px!important}
.pf-mob-top-notif{min-width:36px!important;min-height:36px!important}
.pf-avatar-upload-btn{min-width:28px!important;min-height:28px!important}
.pf-cover-btn{min-height:38px!important}
.pf-pay-close{min-width:32px!important;min-height:32px!important}
.pfn-player-back,.pf-player-dock-close{min-width:32px!important;min-height:32px!important}
.pfn-player-season-toggle,#pf-db-close,#pf-db-home,#pf-db-episodes-toggle{min-height:32px!important}

/* Prevent layout drift from long labels/content without globally clipping the document. */
.pf-header-inner,.pf-nav,.pf-header-actions,.pf-uhero-content{min-width:0}
.pf-card-title,.pf-uhero-title,.pf-hero-title,.pf-section-title,.pf-sect-title{overflow-wrap:anywhere}

/* Header compactness: icon geometry stays stable across breakpoints. */
.pf-notif-btn,.pf-mob-top-notif{aspect-ratio:1/1;padding:0!important;flex:0 0 auto}

/* Player compact controls: never inherit full CTA sizing. */
:where(.pfn-player-back,.pfn-player-season-toggle,.pf-player-dock-close,#pf-db-close,#pf-db-home,#pf-db-episodes-toggle,.pfvjs-btn){line-height:1}

/* Responsive recovery: use spacing changes, not component scaling. */
@media(max-width:768px){
  .pf-notif-drop{max-width:min(320px,calc(100vw - 24px))}
  .pf-uhero-title,.pf-hero-title{max-width:min(92vw,760px)}
}
@media(max-width:480px){
  .pf-notif-btn{min-width:36px!important;min-height:36px!important;width:36px;height:36px}
  .pf-cover-btn{min-height:36px!important;height:36px}
}


/* Top 10 recovery: keep the oversized rank aesthetic without letting it dominate small screens. */
@media(max-width:768px){
  .pf10-top10-sect .pf10c-rank{font-size:clamp(60px,15vw,82px)!important;line-height:.88!important}
}
@media(max-width:480px){
  .pf10-top10-sect .pf10c-rank{font-size:clamp(56px,17vw,74px)!important;bottom:-5px!important}
  .pf10-top10-sect .swiper-slide.pf10c-slide{padding-left:9px!important;max-width:140px!important}
}