/* 
 * Kitastream Enterprise Modern Video Player Skins
 * Includes: Netflix OTT Red Skin & YouTube Modern Dark Skin (FWP & Plyr)
 */

/* ==========================================
   1. PLYR CONTAINER RESPONSIVE WRAPPER
   ========================================== */
.plyr-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8) !important;
    box-sizing: border-box !important;
}

.plyr--full-ui.plyr--video {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    --plyr-color-main: #E50914 !important; /* Netflix Red Default */
    --plyr-video-control-color: #FFFFFF;
    --plyr-video-control-bg-hover: rgba(229, 9, 20, 0.9);
    --plyr-control-radius: 8px;
    font-family: 'Inter', 'Nunito', sans-serif !important;
}

/* ==========================================
   2. WATERMARK LOGO TOP-RIGHT POSITIONING
   ========================================== */
.plyr-watermark-overlay {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 25 !important;
    pointer-events: none !important;
}

.plyr-watermark-overlay img {
    max-height: 28px !important;
    max-width: 120px !important;
    width: auto !important;
    height: auto !important;
    opacity: 0.85 !important;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.85)) !important;
}

/* Big Play Center Button Netflix Style */
.plyr__control--overlaid {
    background: rgba(229, 9, 20, 0.85) !important;
    box-shadow: 0 0 25px rgba(229, 9, 20, 0.8) !important;
    border-radius: 50% !important;
    padding: 22px !important;
}

.plyr__control--overlaid:hover {
    background: #E50914 !important;
    transform: scale(1.15) !important;
}

/* FWP Skins Fallback */
.netflix-player-skin .fw-scrubber-progress,
.netflix-player-skin div[class*="progress"] {
    background: #E50914 !important;
}