/* NADIBIX_LIVE_VIDEO_BACKDROP_V1
   Smartphone landscape-video backdrop only.
   User-selected values:
   blur 26px / brightness 100% / saturation 120% / scale 120% / opacity 80%
*/

.nadibix-live-bg-holder {
  display: none;
}

@media (max-width: 899px) {
  .media-wrap.nadibix-has-live-video-bg {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #000;
  }

  .media-wrap.nadibix-has-live-video-bg > .nadibix-live-bg-holder {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background: #000;
  }

  .nadibix-live-bg-video {
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    object-fit: cover;
    transform: scale(1.20);
    transform-origin: center center;
    filter: blur(26px) brightness(1.00) saturate(1.20);
    opacity: .80;
    pointer-events: none;
  }

}


/* NADIBIX_LIVE_VIDEO_BACKDROP_LAYOUT_FIX_V2
   Existing foreground/control positioning must remain untouched.
   The live backdrop stays as the first absolutely-positioned child.
*/
@media (max-width: 899px) {
  .media-wrap.nadibix-has-live-video-bg > .nadibix-live-bg-holder {
    z-index: 0;
  }
}\n\n
/* NADIBIX_LIVE_VIDEO_BACKDROP_MOBILE_BLACK_FIX_V3
   The existing .media-wrap video rule paints the full replaced-element box black.
   Only when live backdrop is active, make the foreground video box transparent
   so the blurred live video can be seen through the letterbox area.
*/
@media (max-width: 899px) {
  .media-wrap.nadibix-has-live-video-bg > video.feed-video {
    position: relative;
    z-index: 1;
    background: transparent !important;
  }

  .media-wrap.nadibix-has-live-video-bg > .nadibix-live-bg-holder {
    z-index: 0;
  }
}
/* NADIBIX_LIVE_BG_LAYER_FIX_V4 */
@media (max-width:899px){
  .media-wrap.nadibix-has-live-video-bg > .media-backdrop{
    display:none !important;
  }
  .media-wrap.nadibix-has-live-video-bg > .nadibix-live-bg-holder{
    display:block !important;
    z-index:0;
  }
  .media-wrap.nadibix-has-live-video-bg > .media-foreground{
    z-index:1;
  }
}

/* NADIBIX_LIVE_BG_POSITION_FIX_V5 */
@media (max-width:899px){
  .media-wrap.nadibix-has-live-video-bg{
    position:absolute !important;
    inset:0 !important;
  }
}

/* NADIBIX_LIVE_BG_OBJECTFIT_FIX_V6 */
@media (max-width:899px){
  .media-wrap.nadibix-has-live-video-bg .nadibix-live-bg-video{
    object-fit: cover !important;
    object-position: center center !important;
    filter: blur(26px) brightness(1) saturate(1.2) !important;
    opacity: 0.8 !important;
    transform: scale(1.2) !important;
    background: transparent !important;
  }
}