/**
 * 조인 스케줄 - 공개 영역 CSS
 */

/* 기본 스타일은 schedule-player.php에 인라인으로 포함되어 있음 */

/* 추가 반응형 스타일 */
@media (max-width: 768px) {
    .upcoming-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .current-details {
        flex-direction: column !important;
    }

    .current-thumbnail img {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .upcoming-list {
        grid-template-columns: 1fr !important;
    }

    .joyn-schedule-player {
        height: 250px !important;
    }
}

/* 로딩 애니메이션 개선 */
.joyn-schedule-player-loading {
    z-index: 10;
}

/* 비디오 컨트롤 커스터마이징 */
.joyn-schedule-player video::-webkit-media-controls-panel {
    background-color: rgba(0, 0, 0, 0.8);
}