/* Safari 播放器层级修复样式 */

/* 针对 Safari 浏览器的特定样式 */
@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    
    /* 修复视频播放器层级问题 */
    video {
      position: relative !important;
      z-index: auto !important;
      -webkit-transform: translateZ(0) !important;
      transform: translateZ(0) !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      -webkit-perspective: 1000px !important;
      perspective: 1000px !important;
    }
    
    /* 防止视频元素脱离文档流 */
    video:fullscreen {
      position: fixed !important;
      z-index: 999999 !important;
    }
    
    /* 修复播放器容器 */
    [id^="webrtc-player-"] {
      position: relative !important;
      overflow: hidden !important;
      isolation: isolate !important;
      -webkit-transform: translateZ(0) !important;
      transform: translateZ(0) !important;
      z-index: 1 !important;
    }
    
    /* TCPlayer 特定修复 */
    .tcp-player {
      position: relative !important;
      z-index: 1 !important;
    }
    
    .tcp-player video {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 1 !important;
    }
    
    /* 防止控制栏层级问题 */
    .tcp-player .tcp-control-bar {
      position: absolute !important;
      z-index: 2 !important;
    }
    
    /* 修复点击穿透问题 */
    [id^="webrtc-player-"] * {
      pointer-events: auto !important;
    }
  }
}

/* iOS Safari 特定修复 */
@supports (-webkit-touch-callout: none) {
  video {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
  }
  
  [id^="webrtc-player-"] {
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
  }
}

/* 防止视频元素在 Safari 中自动全屏 */
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

video::-webkit-media-controls-panel {
  z-index: 2 !important;
}

/* 确保 Flutter HtmlElementView 正常工作 */
flt-platform-view {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

flt-platform-view-slot {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

[id^="tcplayer-container-"],
[id^="trtc-container-"] {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}