/* MerairdzPlayer Frontend Styles */
.merairdzplayer-container {
    width: 100%;
    max-width: 900px; /* أو أي حجم افتراضي تفضله */
    margin: 0 auto;
    background-color: #000;
    position: relative;
    /* لجعل الفيديو متجاوب بنسبة عرض إلى ارتفاع 16:9 */
    padding-bottom: 56.25%; /* 9 / 16 * 100 */
    height: 0;
    overflow: hidden;
}

.merairdzplayer-container video,
.merairdzplayer-container iframe,
.merairdzplayer-container .custom-player-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* لتحسين ظهور Plyr الافتراضي */
.plyr {
    border-radius: 5px; /* حواف مستديرة للمشغل */
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}