/* Container pai: Altura totalmente flexível baseada no conteúdo interno */
.video-container {
    position: relative;
    width: 100%;
    height: auto; /* Deixa o conteúdo empurrar a altura */
    padding-top: 8px;
    /*overflow: hidden;  Esconde excessos do vídeo */
}

/* Vídeo fixado no fundo cobrindo todo o container */
.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantém proporção e preenche todo o espaço */
    z-index: 1; /* Fica no nível mais fundo */
}

/* Camada de escurecimento opcional para destacar os textos e menus */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35); /* Ajuste a opacidade se preferir mais claro/escuro */
    z-index: 2; /* Fica acima do vídeo, mas abaixo do conteúdo */
}

.video-container > .menu-container {
    position: relative;
    z-index: 99;     
}

/* Garante que todas as divs internas fiquem acima do vídeo e do overlay */
.video-container > .topbar,
.video-container > .searchbar-container {
    position: relative;
    z-index: 4; 
}