/**
 * Vislun Video System — ajustes visuais específicos do Chrome iOS.
 *
 * VIMEO 2/3-R5 ativa este destino CSS após diferença real comprovada no
 * fullscreen portrait do Vimeo. Nenhuma regra comum do iOS é duplicada aqui.
 */

/*
 * Chrome iOS pode aceitar o Fullscreen API do frame e, nesse caso, não usa a
 * classe de fullscreen de página que o Firefox utiliza. Cobrimos os dois
 * estados, mantendo a exceção exclusivamente neste navegador.
 */
@media (orientation: portrait) {
    html.is-vislun-ios-chrome
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-source="vimeo"].is-vislun-ios-fullscreen,
    html.is-vislun-ios-chrome
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-source="vimeo"]:fullscreen,
    html.is-vislun-ios-chrome
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-source="vimeo"]:-webkit-full-screen {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-width: 100vw !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000000 !important;
        transform: none !important;
    }

    html.is-vislun-ios-chrome
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-source="vimeo"].is-vislun-ios-fullscreen
    iframe.vislun-vimeo-player,
    html.is-vislun-ios-chrome
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-source="vimeo"]:fullscreen
    iframe.vislun-vimeo-player,
    html.is-vislun-ios-chrome
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-source="vimeo"]:-webkit-full-screen
    iframe.vislun-vimeo-player {
        position: absolute !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100vw !important;
        height: 56.25vw !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        z-index: 1 !important;
    }
}