/**
 * 播放器控件显示修复
 * 确保在权限UI显示时播放器控件仍然可见，同时不影响进度条等子元素的绝对定位布局
 */

/* 仅当权限覆盖层激活时，恢复播放器控件的显示状态 */
/* 使用更精确的选择器，避免影响子元素的绝对定位 */
.pc-permission-overlay-active .player-controls.custom-controls,
.pc-advanced-permission-overlay ~ .player-controls.custom-controls,
.pc-fallback-permission-ui ~ .player-controls.custom-controls {
    display: block !important; /* 覆盖权限UI的display: none */
    position: static !important; /* 恢复默认定位，避免影响子元素 */
}

/* 确保播放器内容区域在权限UI显示时保持正确尺寸 */
.pc-permission-overlay-active .player-content,
.pc-advanced-permission-overlay ~ .player-content,
.pc-fallback-permission-ui ~ .player-content {
    width: 100% !important;
    height: 100% !important;
    position: relative !important; /* 为绝对定位的子元素提供定位上下文 */
}

/* 权限覆盖层样式调整，确保不遮挡播放器控件 */
.pc-advanced-permission-overlay,
.pc-fallback-permission-ui {
    pointer-events: none !important;
    z-index: 1000 !important;
}

/* 确保播放器容器可以接收触摸事件 */
.reelquick-player-container,
.video-player-container,
.player-container {
    pointer-events: auto !important;
}

/* 视频元素触摸行为优化 */
.reelquick-player-container video,
.video-player-container video,
.player-container video {
    pointer-events: auto !important;
    touch-action: pan-y pinch-zoom !important;
}

/* 权限覆盖层内容区域允许交互 */
.pc-advanced-permission-overlay > *,
.pc-fallback-permission-ui > * {
    pointer-events: auto !important;
}

/* 播放器控件层级提升，仅在权限UI显示时应用 */
.pc-permission-overlay-active .player-controls.custom-controls,
.pc-advanced-permission-overlay ~ .player-controls.custom-controls,
.pc-fallback-permission-ui ~ .player-controls.custom-controls {
    z-index: 1002 !important;
}

/* 确保进度条容器在权限UI显示时保持正确的绝对定位 */
.pc-permission-overlay-active .player-controls.custom-controls .progress-container,
.pc-advanced-permission-overlay ~ .player-controls.custom-controls .progress-container,
.pc-fallback-permission-ui ~ .player-controls.custom-controls .progress-container {
    position: absolute !important;
    bottom: 60px !important;
    left: 20px !important;
    right: 20px !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    z-index: 101 !important;
}

/* 确保进度条填充区域正常工作 */
.pc-permission-overlay-active .player-controls.custom-controls .progress-fill,
.pc-advanced-permission-overlay ~ .player-controls.custom-controls .progress-fill,
.pc-fallback-permission-ui ~ .player-controls.custom-controls .progress-fill {
    position: absolute !important;
    height: 100% !important;
    background: linear-gradient(90deg, #ff6b9d, #60a5fa) !important;
    border-radius: 2px !important;
    width: 0% !important;
    transition: width 0.1s linear !important;
}