/* Lecteur Plyr — identité Leustudio (partagé) */

.plyr {
    --leustudio-plyr-accent: #BFFFF3;
    --plyr-color-main: var(--leustudio-plyr-accent);
    --plyr-range-fill-background: var(--leustudio-plyr-accent);
    --plyr-focus-visible-color: var(--leustudio-plyr-accent);
    --plyr-control-toggle-checked-background: var(--leustudio-plyr-accent);
    --plyr-video-background: #000000;
    --plyr-control-icon-size: 18px;
    --plyr-control-spacing: 8px;
    --plyr-font-family: "Inter", system-ui, -apple-system, sans-serif;
    --plyr-font-size-time: 0.78rem;
    --plyr-range-track-height: 4px;
    --plyr-range-thumb-height: 12px;
    --plyr-video-control-color: #ffffff;
    --plyr-video-control-color-hover: #ffffff;
    --plyr-video-control-background-hover: rgba(255, 255, 255, 0.12);
    --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.25);
    --plyr-video-range-track-background: rgba(255, 255, 255, 0.25);
    --plyr-menu-background: rgba(17, 17, 17, 0.94);
    --plyr-menu-color: #ffffff;
    --plyr-badge-background: rgba(255, 255, 255, 0.14);
    --plyr-badge-text-color: #ffffff;
}

.plyr__control svg {
    fill: currentColor;
}

.plyr__control svg path[stroke],
.plyr__control svg line[stroke] {
    fill: none;
}

.plyr__control--overlaid {
    background: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    padding: 1rem;
}

.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
    background: rgba(0, 0, 0, 0.72);
    color: #ffffff;
}

.plyr__control--overlaid svg {
    width: 2rem;
    height: 2rem;
    left: 0;
    position: relative;
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.plyr__controls {
    padding: 0.55rem 0.65rem;
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-thumb {
    background: var(--leustudio-plyr-accent);
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-thumb {
    background: var(--leustudio-plyr-accent);
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-thumb {
    background: var(--leustudio-plyr-accent);
}

.plyr--full-ui.plyr--video .plyr__progress input[type="range"] {
    color: var(--leustudio-plyr-accent);
}