/**
 * IPTV Player - Plyr Player Enhancements (Fixed)
 * تحسينات مشغل Plyr لتجنب التعارض مع التصميم الأصلي
 */

/* Plyr Player Customization */
.plyr {
    --plyr-color-main: #7C3AED; /* Match primary color from style.css */
    --plyr-video-background: #000;
    --plyr-video-control-background: rgba(0, 0, 0, 0.7);
    --plyr-control-radius: 8px;
    --plyr-font-family: 'Cairo', sans-serif;
}

.plyr__video-wrapper {
    background: #000;
}

.plyr--video {
    width: 100%;
    height: 100%;
}

.plyr__controls {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 20px 15px 15px;
}

/* Fix Modal Player Height */
.player-container {
    background: #000;
    overflow: hidden;
}

.player-container .plyr {
    height: 100%;
}

/* Connection Status Styling */
.connection-status {
    margin-top: 15px;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
}

.connection-status .loading {
    color: #f59e0b;
}

.connection-status .success {
    color: #10B981;
    font-weight: bold;
}

.connection-status .error {
    color: #EF4444;
    font-weight: bold;
}

/* Ensure Toasts are visible and correctly styled */
.toast-container {
    z-index: 9999 !important;
}

/* Plyr RTL Fixes */
.plyr--full-ui.plyr--rtl .plyr__controls__item:first-child {
    margin-left: auto !important;
    margin-right: 0 !important;
}