/**
 * Joyn Player Pro - Default Skin
 * @version 1.0.0
 */

/* Default 스킨 기본 설정 */
.joyn-player-skin-default {
    --joyn-primary-color: #ff0000;
    --joyn-secondary-color: #ffffff;
    --joyn-bg-color: rgba(0, 0, 0, 0.8);
}

.joyn-player-skin-default .joyn-player-progress-played {
    background: var(--joyn-primary-color);
}

.joyn-player-skin-default .joyn-player-progress-handle {
    background: var(--joyn-primary-color);
}

.joyn-player-skin-default .joyn-player-speed-option.active {
    color: var(--joyn-primary-color);
}

.joyn-player-skin-default .joyn-player-playlist-item.active .joyn-player-playlist-item-title {
    color: var(--joyn-primary-color);
}

/* 다크 테마 */
.joyn-player-skin-default.joyn-player-theme-dark {
    background: #000;
}

.joyn-player-skin-default.joyn-player-theme-dark .joyn-player-controls {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
}

.joyn-player-skin-default.joyn-player-theme-dark .joyn-player-playlist {
    background: #111;
}

/* 라이트 테마 */
.joyn-player-skin-default.joyn-player-theme-light {
    background: #f5f5f5;
}

.joyn-player-skin-default.joyn-player-theme-light .joyn-player-controls {
    background: linear-gradient(transparent, rgba(255, 255, 255, 0.95));
}

.joyn-player-skin-default.joyn-player-theme-light .joyn-player-btn svg {
    fill: #333;
}

.joyn-player-skin-default.joyn-player-theme-light .joyn-player-time {
    color: #333;
}

.joyn-player-skin-default.joyn-player-theme-light .joyn-player-speed-value {
    color: #333;
}

.joyn-player-skin-default.joyn-player-theme-light .joyn-player-playlist {
    background: #fff;
    border-color: #ddd;
}

.joyn-player-skin-default.joyn-player-theme-light .joyn-player-playlist-item-title {
    color: #333;
}