/* video.js 동적 스타일을 정적 CSS로 변환 (CSP 준수) */

/* 비디오 플레이어 기본 스타일 */
.vjs-hidden {
    display: none !important;
}

.vjs-display-block {
    display: block !important;
}

.vjs-display-none {
    display: none !important;
}

.vjs-display-default {
    display: initial !important;
}

/* 비디오 크기 관련 */
.vjs-fluid {
    padding-top: 56.25% !important;
    position: relative !important;
}

.vjs-fill {
    width: 100% !important;
    height: 100% !important;
}

/* 위치 관련 */
.vjs-absolute {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.vjs-relative {
    position: relative !important;
}

.vjs-fixed {
    position: fixed !important;
}

/* 투명도 관련 */
.vjs-opacity-0 {
    opacity: 0 !important;
}

.vjs-opacity-1 {
    opacity: 1 !important;
}

.vjs-opacity-half {
    opacity: 0.5 !important;
}

/* 비디오 엘리먼트 크기 - video.js 기본 동작 */
.video-js .vjs-tech {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* 커서 관련 */
.vjs-cursor-pointer {
    cursor: pointer !important;
}

.vjs-cursor-default {
    cursor: default !important;
}

/* visibility 관련 */
.vjs-visible {
    visibility: visible !important;
}

.vjs-invisible {
    visibility: hidden !important;
}

/* 트랜지션 */
.vjs-transition-opacity {
    transition: opacity 0.3s !important;
}

/* video.js 컨트롤 표시/숨김 */
.video-js.vjs-user-inactive .vjs-control-bar {
    opacity: 0;
    visibility: hidden;
}

.video-js.vjs-user-active .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}

/* 추가 유틸리티 클래스 */
.vjs-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
}