.rvl-wrap {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: #000;
}
.rvl-video {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block;
    object-fit: cover; /* מוחלף דינמית ע"י ה-style inline של הווידג'ט (cover/contain) */
    pointer-events: none; /* בלי פקדי נגן — קליק על הסרטון לא עושה כלום */
}
.rvl-mute-toggle {
    position: absolute;
    bottom: 14px;
    left: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: rgba(0,0,0,0.45);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.18s;
    z-index: 2;
}
.rvl-mute-toggle:hover { background: rgba(0,0,0,0.65); }
.rvl-mute-toggle svg { width: 20px; height: 20px; }

/* הסתרת פקדי נגן מובנים בכל דפדפן, ליתר ביטחון */
.rvl-video::-webkit-media-controls,
.rvl-video::-webkit-media-controls-panel,
.rvl-video::-webkit-media-controls-play-button,
.rvl-video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

/* ── אפקט כניסה: נחשף בהדרגה בכיוון נבחר ──
   חשוב: ההסתרה הראשונית מתבצעת רק על ידי ה-JS (מוסיף rvl-armed),
   כדי שאם מסיבה כלשהי הסקריפט לא רץ, הסרטון פשוט יישאר גלוי כרגיל
   ולעולם לא "ייעלם" למשתמש. */
.rvl-has-entrance.rvl-armed {
    --rvl-duration: 1.2s;
    --rvl-delay: 0s;
    transition: clip-path var(--rvl-duration) ease var(--rvl-delay);
}
.rvl-has-entrance.rvl-armed.rvl-dir-bottom-top { clip-path: inset(100% 0 0 0); }
.rvl-has-entrance.rvl-armed.rvl-dir-top-bottom { clip-path: inset(0 0 100% 0); }
.rvl-has-entrance.rvl-armed.rvl-dir-left-right { clip-path: inset(0 100% 0 0); }
.rvl-has-entrance.rvl-armed.rvl-dir-right-left { clip-path: inset(0 0 0 100%); }
.rvl-has-entrance.rvl-armed.rvl-revealed { clip-path: inset(0 0 0 0); }