/* Plyr “Half-O-Ween” skin — load after plyr.min.css (fonts linked in index.html) */

:root {
    --plyr-color-main: #ff6b2d;
    --plyr-color-main-hover: #ff9444;
    --plyr-video-background: #0d0508;
    --plyr-menu-background: rgba(26, 8, 18, 0.94);
    --plyr-menu-color: #f5e6d3;
    --plyr-menu-border-color: #5c1a4a;
    --plyr-audio-control-background: #1a0a12;
    --plyr-audio-control-color: #f5e6d3;
    --plyr-tooltip-background: #2d0f24;
    --plyr-tooltip-color: #ffd4a8;
    --plyr-badge-background: #5c1a4a;
    --plyr-badge-text-color: #fff0dc;
    --plyr-captions-background: rgba(13, 5, 8, 0.85);
    --plyr-font-family: 'DM Sans', system-ui, sans-serif;
    --plyr-font-size-time: 13px;
    --plyr-range-thumb-background: #ff6b2d;
    --plyr-range-track-height: 5px;
    --plyr-range-fill-background: #ff6b2d;
    --plyr-tab-focus-color: #ffb347;
}

/* Title / chrome */
.plyr {
    border-radius: 4px;
    box-shadow:
        0 0 0 2px #3d1530,
        0 0 24px rgba(255, 107, 45, 0.25),
        0 0 48px rgba(90, 20, 80, 0.35);
    overflow: hidden;
}

.plyr__control--overlaid {
    background: rgba(122, 30, 107, 0.88);
    border: 2px solid #ff9444;
    color: #fff8f0;
}

.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
    background: rgba(255, 107, 45, 0.95);
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 3px var(--plyr-tab-focus-color);
}

.plyr__controls {
    background: linear-gradient(180deg, transparent 0%, rgba(13, 5, 8, 0.92) 40%, #0d0508 100%);
    padding: 10px 8px 8px;
}

.plyr__control {
    color: #e8d4c4;
}

.plyr__control:hover {
    color: #ffb347;
}

.plyr__progress__buffer {
    color: rgba(255, 180, 100, 0.25);
}

.plyr__volume input[type="range"] {
    color: var(--plyr-color-main);
}

/* Fill the responsive player slot */
.video-wrapper--expanded .plyr,
.video-wrapper--expanded .plyr__video-wrapper {
    height: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .plyr {
        box-shadow: 0 0 0 2px #3d1530;
    }
}