/**
 * Vislun Video System — player-model Vislun + YouTube
 *
 * YOUTUBE 2-R4 — recorte do iframe com UI Vislun sobreposta.
 *
 * Referência técnica auditada: Presto Player.
 *
 * Estratégia:
 * - o frame Vislun continua sendo a caixa 16:9 oficial;
 * - o iframe do YouTube fica duas vezes mais alto e centralizado verticalmente;
 * - overflow:hidden do frame recorta as regiões superior/inferior do iframe;
 * - os controles Vislun permanecem sobre o vídeo, exatamente como no motor comum;
 * - o iframe não recebe interação direta quando o modelo Vislun está ativo.
 *
 * Esta folha atua somente quando o adapter oficial confirma:
 * data-vislun-youtube-model-active="1".
 */

.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"] {
    overflow: hidden;
}

/*
 * O iframe alto cria uma "janela" central do player YouTube.
 * A imagem do vídeo mantém a proporção, enquanto cabeçalho e rodapé
 * nativos ficam fora do recorte público do frame Vislun.
 */
.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"]
iframe.vislun-youtube-player {
    position: absolute !important;

    top: -50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;
    height: 200% !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    opacity: 1;
    visibility: visible;

    pointer-events: none !important;

    transform: none !important;

    z-index: 1;
}

/*
 * O iframe é apenas a superfície de imagem. A interface Vislun comum
 * continua como autoridade visual e interativa.
 */
.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"]
.vislun-player-ui[data-vislun-player-ui="1"] {
    z-index: 70;
}

/*
 * Cabeçalho e logo continuam na posição original do modelo,
 * sem trilho editorial externo.
 */
.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"]
.vislun-player-header,
.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"]
.vislun-video-post-click-layer {
    z-index: 71;
}

/*
 * A capa permanece acima do iframe até o provider liberar a imagem real.
 */
.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"]
.vislun-video-cover:not(.is-hidden) {
    z-index: 80 !important;
}

/*
 * YOUTUBE 2-R5 — superfície de interação Vislun.
 *
 * O iframe continua sem pointer-events. Em desktop com mouse, esta camada
 * recebe o clique sobre a imagem e o adapter comum alterna Play/Pause.
 * Em touch/mobile ela não intercepta o gesto: o comportamento comum de
 * revelar controles continua pertencendo ao frame/à UI Vislun.
 */
.vislun-video-wrapper.vislun-video-custom-player
.vislun-video-frame[data-vislun-youtube-model-active="1"]
.vislun-youtube-direct-toggle-surface {
    position: absolute;
    inset: 0;

    z-index: 69;

    display: block;

    margin: 0;
    padding: 0;
    border: 0;

    background: transparent;

    pointer-events: none;
}

@media (any-hover: hover) and (any-pointer: fine) {
    .vislun-video-wrapper.vislun-video-custom-player
    .vislun-video-frame[data-vislun-youtube-model-active="1"]
    .vislun-youtube-direct-toggle-surface {
        cursor: pointer;
        pointer-events: auto;
    }
}

/*
 * Desktop: o clique direto sobre a imagem já é tratado pela superfície
 * Vislun acima. Não criamos um segundo ícone central ao pausar ou terminar;
 * a experiência visual permanece igual aos outros players desktop.
 */