/* BodySIX Video Background for Elementor */
.e-con.bodysix-video-bg-enabled {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.e-con.bodysix-video-bg-enabled > .bodysix-video-bg-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
    background: transparent;
}

/* Overlay configurável fica sempre acima do vídeo/máscara e abaixo do conteúdo. */
.e-con.bodysix-video-bg-enabled > .bodysix-video-bg-layer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background: var(--bsvb-overlay, transparent);
}

.e-con.bodysix-video-bg-enabled .bodysix-video-bg-media {
    position: absolute;
    display: block;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none;
    z-index: 1;
}

/*
 * YouTube começa invisível. Só aparece quando a API confirma o estado PLAYING.
 * Isso elimina o flash do player/tela de início antes do autoplay efetivamente começar.
 */
.e-con.bodysix-video-bg-enabled iframe.bodysix-video-bg-youtube {
    opacity: 0;
    visibility: hidden;
    transition: opacity 160ms linear;
    pointer-events: none !important;
}

.e-con.bodysix-video-bg-enabled iframe.bodysix-video-bg-youtube.bsvb-playing {
    opacity: 1;
    visibility: visible;
}

/*
 * Máscara temporária: usa a miniatura do próprio vídeo enquanto o YouTube inicializa.
 * Quando PLAYING é confirmado, ela desaparece e não interfere no loop normal.
 */
.e-con.bodysix-video-bg-enabled .bodysix-video-bg-mask {
    position: absolute;
    inset: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 1;
    visibility: visible;
    transition: opacity 160ms linear;
    pointer-events: none;
}

.e-con.bodysix-video-bg-enabled .bodysix-video-bg-mask.bsvb-mask-hidden {
    opacity: 0;
    visibility: hidden;
}

/* Mantém todos os elementos editáveis do Elementor acima da camada de vídeo. */
.e-con.bodysix-video-bg-enabled > .e-con-inner,
.e-con.bodysix-video-bg-enabled > .elementor-element {
    position: relative;
    z-index: 5;
}

/* No editor, permite selecionar o Container sem o player interferir. */
.elementor-editor-active .bodysix-video-bg-layer,
.elementor-editor-preview .bodysix-video-bg-layer {
    pointer-events: none !important;
}