/**
 * PC端权限UI显示时的播放器控件样式
 * 确保权限UI显示时隐藏播放器控件，其他时候显示控件
 */

/* 默认情况下播放器控件显示 */
.player-controls.custom-controls {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 900;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 只有在权限UI显示时隐藏播放器控件 */
.pc-permission-overlay-active .pc-advanced-permission-overlay:not(.hidden) ~ .player-content .player-controls.custom-controls,
.pc-permission-overlay-active .pc-advanced-permission-overlay[style*="display: flex"] ~ .player-content .player-controls.custom-controls,
.pc-permission-overlay-active .pc-advanced-permission-overlay[style*="display: block"] ~ .player-content .player-controls.custom-controls {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 确保权限UI覆盖层不影响播放器控件的交互 */
.pc-advanced-permission-overlay {
    pointer-events: auto;
    z-index: 1000;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .pc-permission-overlay-active .player-controls.custom-controls {
        /* 移动端保持原有逻辑 */
        display: block !important;
    }
}

/* 确保视频开始播放时显示控件 */
.player-content.video-playing .player-controls.custom-controls {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保权限UI隐藏时显示控件 */
.pc-permission-overlay-active .pc-advanced-permission-overlay.hidden ~ .player-content .player-controls.custom-controls,
.pc-permission-overlay-active .pc-advanced-permission-overlay[style*="display: none"] ~ .player-content .player-controls.custom-controls {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}