/* SportCV minimal mobile video viewer update:
   keep existing video behavior, keep the Open Video button hidden,
   and force the video card to use true edge-to-edge viewport width. */
.media-viewer-video-open-float,
.media-viewer-open-btn,
.video-open-float{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width:700px){
  /* Scoped to :has(.media-viewer-story-video-card) only -- this used to also
     match the bare .is-story-media-viewer class, but that class is added to
     BOTH photo and video story viewers (see
     scv-media-footer-photo-video-logic-final.js:
     classList.toggle('is-story-media-viewer', !isProfilePhoto)), so the
     fallback selector was silently forcing every mobile PHOTO gallery modal
     to 100vw width with zero margin as well, overriding the modal's
     intended centered width/position with higher (#id-qualified)
     specificity than any of the photo-gallery sizing rules. Relies on
     :has() support (Chrome/Safari/Firefox current), which is what the site
     already relies on elsewhere for this same distinction. */
  #mediaViewerBackdrop .media-viewer:has(.media-viewer-story-video-card){
    width:100vw !important;
    max-width:100vw !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  #mediaViewerBackdrop .media-viewer:has(.media-viewer-story-video-card) .media-viewer-stage{
    width:100vw !important;
    max-width:100vw !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #mediaViewerBackdrop .media-viewer-story-video-card,
  #mediaViewerBackdrop .media-viewer-video-card.media-viewer-preview-card.media-viewer-story-video-card{
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:0 !important;
    margin-right:0 !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
  }

  #mediaViewerBackdrop .media-viewer-story-video-card .media-viewer-video-thumb,
  #mediaViewerBackdrop .media-viewer-story-video-card .media-viewer-native-video,
  #mediaViewerBackdrop .media-viewer-story-video-card .media-viewer-video{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
  }

  #mediaViewerBackdrop .media-viewer-story-video-card .media-viewer-video-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}