/* עיצוב אישי לנגן שלך */
:root {
    --plyr-color-main: #fd0dc9;
    /* שנה לצבע המותג שלך */
}

.video-wrapper {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* חוסם אינטראקציה ישירה עם ה-Iframe של יוטיוב */
.plyr__video-embed iframe {
    pointer-events: none;
}

/* מחזיר את האינטראקציה לכפתורים של Plyr בלבד */
.plyr__controls,
.plyr__control--overlaid {
    pointer-events: auto;
}

/* הסתרת כותרת הסרטון שמופיעה למעלה */
.plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

/* מוודא שהנגן ממלא את כל שטח ה-Ratio */
.ratio-16x9 {
    background-color: #000;
    /* רקע שחור בזמן טעינה */
}

/* תיקון ל-Plyr כדי שישתלט על כל שטח ה-Ratio */
.plyr {
    height: 100%;
    width: 100%;
}

/* הגבלת רוחב מקסימלי כדי שהווידאו לא יהיה ענק מדי במסכי 4K */
.video-column {
    max-width: 1000px;
    margin: 0 auto;
}

/* הטריק להסתרת הסרטונים המומלצים בזמן Pause */
/* אנחנו יוצרים "מסכה" שחוסמת את החלקים שיוטיוב מזריקה */
.plyr__video-wrapper {
    position: relative;
    overflow: hidden;
}

/* חסימת לחיצות על אלמנטים פנימיים של יוטיוב */
.plyr__video-embed iframe {
    pointer-events: none;
}

/* הסתרת ה-Overlay של יוטיוב בזמן שהסרטון נעצר */
/* הערה: זה עובד הכי טוב כשמשלבים את זה עם ה-pointer-events */
.ytp-pause-overlay,
.ytp-expand-pause-overlay {
    display: none !important;
}