/* v313 — move lightweight mobile video extra controls from top overlay to lower position */
@media (max-width:820px), (pointer:coarse){
  .irf-v312-mobile-host .irf-v312-mobile-extra{
    top:auto !important;
    bottom:58px !important;
    left:10px !important;
    right:10px !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
  }

  /* Slightly smaller controls so they sit comfortably above the browser/native controls */
  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn{
    min-width:36px !important;
    height:34px !important;
    padding:0 6px !important;
    border-radius:10px !important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn-icon,
  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn-icon svg{
    width:18px !important;
    height:18px !important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v312-mobile-speed{
    height:34px !important;
    min-width:56px !important;
    padding:0 4px !important;
    border-radius:10px !important;
    font-size:11px !important;
  }
}

@media (max-width:480px){
  .irf-v312-mobile-host .irf-v312-mobile-extra{
    bottom:52px !important;
    gap:6px !important;
  }
}

/* IRF_V393_MOBILE_VIDEO_CONTROLS_REAL_BELOW_START */
/* Mobile: the extra 10-second/speed/PiP controls live in a real row below the video. */
@media (max-width:820px), (pointer:coarse){
  .irf-v312-mobile-host{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#000!important;
  }

  .irf-v312-mobile-host .irf-v312-native-mobile,
  .irf-v312-mobile-host > video.irf-v312-native-mobile{
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    object-fit:contain!important;
    background:#000!important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:3!important;
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:6px 8px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    background:#071019!important;
    pointer-events:auto!important;
    direction:rtl!important;
    transform:none!important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra > *{
    pointer-events:auto!important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn{
    min-width:34px!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    background:#111a23!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn-icon,
  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn-icon svg{
    width:18px!important;
    height:18px!important;
  }

  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v312-mobile-speed{
    width:58px!important;
    min-width:58px!important;
    height:34px!important;
    padding:0 4px!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    background:#111a23!important;
    color:#fff!important;
    font:700 11px Tahoma,Arial,sans-serif!important;
    box-shadow:none!important;
  }

  .ifx-video-frame.irf-v312-mobile-host,
  .fajr260-modal-frame.irf-v312-mobile-host,
  .irf-v296-video-frame.irf-v312-mobile-host,
  .video-frame.irf-v312-mobile-host,
  [data-video-frame].irf-v312-mobile-host,
  [data-v296-video-frame].irf-v312-mobile-host{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  .ifx-video-box,
  .fajr260-modal-box,
  [class*="video-box"],
  [class*="video-dialog"]{
    max-height:calc(100dvh - 20px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}

@media (max-width:390px){
  .irf-v312-mobile-host .irf-v312-mobile-extra{
    min-height:42px!important;
    gap:5px!important;
    padding:5px 6px!important;
  }
  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v305-btn{
    min-width:31px!important;
    width:31px!important;
    height:31px!important;
  }
  .irf-v312-mobile-host .irf-v312-mobile-extra .irf-v312-mobile-speed{
    width:52px!important;
    min-width:52px!important;
    height:31px!important;
  }
}
/* IRF_V393_MOBILE_VIDEO_CONTROLS_REAL_BELOW_END */