/* ======================================================================
   Z-INDEX REGRESSION FIXES - VBEAL 2025
   ======================================================================
   Correções específicas para resolver regressões causadas pelo z-index-fix.css
   inicial. Este arquivo corrige problemas de acessibilidade e alinhamento.
   ----------------------------------------------------------------------
*/

/* CORREÇÃO 1: Controles de vídeo sempre acessíveis */
.video-controls {
    z-index: 99999 !important;
    position: fixed !important;
    pointer-events: auto !important;
    bottom: 20px !important;
    right: 20px !important;
}

.video-control-btn {
    pointer-events: auto !important;
    z-index: 99999 !important;
    position: relative !important;
}

/* CORREÇÃO 2: Navegação de slides com alinhamento correto */
#home-slides-nav {
    position: fixed !important;
    z-index: 103 !important;
    bottom: 36px !important;
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    pointer-events: auto !important;
}

#home-slides-nav li {
    pointer-events: auto !important;
    z-index: 104 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#home-slides-nav .home-slides-nav-line {
    pointer-events: auto !important;
    z-index: 105 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* CORREÇÃO 3: Botão YouTube com prioridade adequada */
.youtube-video-link,
.video-play-btn-wrapper a {
    z-index: 106 !important;
    position: relative !important;
    pointer-events: auto !important;
}

.video-play-btn {
    z-index: 106 !important;
    position: relative !important;
    pointer-events: auto !important;
}

/* CORREÇÃO 4: Navegação bottom (SOBRE, TRABALHOS, CONTATO) com z-index menor */
nav#navigation {
    z-index: 101 !important;
    position: absolute !important;
}

nav#navigation ul,
nav#navigation li,
nav#navigation a {
    z-index: 101 !important;
    position: relative !important;
    pointer-events: auto !important;
}

/* CORREÇÃO 5: TitleOT com prioridade menor que navegação */
.titleOT {
    z-index: 102 !important;
    position: absolute !important;
}

/* CORREÇÃO 6: Menu principal com prioridade máxima mas sem conflito */
#main-menu {
    z-index: 108 !important;
    position: fixed !important;
}

.main-menu {
    z-index: 108 !important;
    position: absolute !important;
}

/* CORREÇÃO 7: Garantir que elementos críticos tenham pointer-events */
.the-button,
.open-menu-content,
.close-menu-content,
.home-slides-nav-position {
    pointer-events: auto !important;
    position: relative !important;
}

/* CORREÇÃO 8: Overlay com z-index apropriado */
#overlay {
    z-index: 98 !important;
}

/* CORREÇÃO 9: Loader com prioridade máxima */
#loader,
#loaderText {
    z-index: 999999 !important;
}

/* CORREÇÃO 10: PhotoSwipe com prioridade máxima */
.pswp {
    z-index: 999998 !important;
}

/* ======================================================================
   RESPONSIVIDADE DAS CORREÇÕES
   ====================================================================== */

@media only screen and (max-width: 880px) {
    #home-slides-nav {
        bottom: 37px !important;
        gap: 20px !important;
        padding: 0px 0 20px 0 !important;
    }
    
    .video-controls {
        bottom: 15px !important;
        right: 15px !important;
        scale: 0.9;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    #home-slides-nav {
        bottom: 12px !important;
        gap: 15px !important;
        padding: 0px 0 15px 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    #home-slides-nav {
        bottom: 27px !important;
        gap: 12px !important;
        padding: 18px 0 24px 0 !important;
    }
    
    .video-controls {
        bottom: 10px !important;
        right: 10px !important;
        scale: 0.8;
    }
}

/* ======================================================================
   FIM DAS CORREÇÕES DE REGRESSÃO
   ====================================================================== */