/*------------------------------------------------------------------*\
    ELEMENTOR BACKGROUND VIDEO — crop YouTube/Vimeo chrome
    Applies to NATIVE Elementor container/section background videos
    (.elementor-background-video-embed — only created for embed providers
    like YouTube/Vimeo, never for self-hosted <video>).

    Problem: Elementor cover-fits the 16:9 embed iframe to the element. When
    the VIEWPORT aspect ratio is ~16:9 (3840×2160, 2560×1440) the cover-fit
    produces ZERO overscan, so the provider's chrome (top title, bottom
    controls/branding, corner buttons) lands inside the visible frame. At
    ultrawide ratios (3440×1440, 2560×1080) one axis already overscans and the
    chrome is cropped — which is why it only shows at the 16:9 resolutions.

    Fix: force a constant overscale on the embed so the chrome is always pushed
    off-screen and cropped by the container's overflow:hidden, at every aspect
    ratio. Inert until Elementor renders a background video embed, so this is
    safe to load globally.
\*------------------------------------------------------------------*/

.elementor-background-video-embed,
.elementor-background-video-container > iframe {
    transform: scale(1.35);
    transform-origin: center center;
}