/* S8 Live Football v1.1.0 — theme compatibility and mobile safety layer */
:root{--s8lf-safe-bottom:max(12px,env(safe-area-inset-bottom));--s8lf-safe-left:max(10px,env(safe-area-inset-left));--s8lf-safe-right:max(10px,env(safe-area-inset-right))}
.s8lf-root,.s8lf-shortcode,.s8lf-live-now-root,.s8lf-floating-player{font-family:"Bai Jamjuree",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.s8lf-root *,.s8lf-floating-player *{box-sizing:border-box}
body.s8sport-live-integrated .s8lf-root,body.s8sport-live-integrated .s8lf-shortcode{min-width:0;max-width:100%}
body.s8sport-live-integrated .s8lf-live-layout,body.s8sport-live-integrated .s8lf-player-panel,body.s8sport-live-integrated .s8lf-video{max-width:100%}
body.s8sport-live-integrated .s8lf-player-panel{border-radius:18px}
body.s8sport-live-integrated .s8lf-live-now-shortcode{border-radius:16px}

/* Floating player never owns document scrolling. */
.s8lf-floating-player{overscroll-behavior:contain;contain:layout paint;isolation:isolate}
.s8lf-floating-player__body{min-height:0;overscroll-behavior:contain}
.s8lf-floating-player__body video{max-width:100%}
.s8lf-floating-player__restore{z-index:2147482500}

@media(max-width:767px){
  .s8lf-floating-player,.s8lf-floating-player--bottom-left,.s8lf-floating-player--bottom-right{
    left:var(--s8lf-safe-left)!important;
    right:var(--s8lf-safe-right)!important;
    bottom:calc(var(--s8lf-safe-bottom) + 58px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72dvh,620px)!important;
    overflow:hidden!important;
    border-radius:16px!important;
    transform:none!important;
  }
  .s8lf-floating-player__body{max-height:calc(min(72dvh,620px) - 104px);overflow:hidden!important}
  .s8lf-floating-player__body .s8lf-video{min-height:0!important;aspect-ratio:16/9!important}
  .s8lf-floating-player__body .art-video-player,.s8lf-floating-player__body video{max-height:42dvh!important}
  .s8lf-floating-player__restore{right:var(--s8lf-safe-right)!important;bottom:calc(var(--s8lf-safe-bottom) + 58px)!important}
  .s8lf-floating-player__identity{min-width:0}
  .s8lf-floating-player__identity small{max-width:55vw}
  .s8lf-floating-player__cta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .s8lf-floating-player__cta-button{min-width:0!important}
  .s8lf-floating-player__cta-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:420px){
  .s8lf-floating-player__head{min-height:48px!important}
  .s8lf-floating-player__identity strong{font-size:11px!important}
  .s8lf-floating-player__identity small{font-size:9px!important}
  .s8lf-floating-player__cta{padding:6px!important}
  .s8lf-floating-player__cta-button{min-height:40px!important;padding:6px!important;font-size:8.5px!important}
}
@media(orientation:landscape) and (max-height:560px){
  .s8lf-floating-player,.s8lf-floating-player--bottom-left,.s8lf-floating-player--bottom-right{top:8px!important;bottom:8px!important;max-height:calc(100dvh - 16px)!important}
  .s8lf-floating-player__body{max-height:calc(100dvh - 112px)!important}
  .s8lf-floating-player__body .s8lf-match-strip{display:none!important}
  .s8lf-floating-player__body .s8lf-video{height:calc(100dvh - 162px)!important;aspect-ratio:auto!important}
}
@media(prefers-reduced-motion:reduce){.s8lf-floating-player,.s8lf-floating-player *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}
