/* Fix pour la hiérarchie des z-index */

/* Ordre des couches (du plus bas au plus haut) :
   - Hero video: -1
   - Hero container content: 2
   - Hero overlay: 1
   - Main content: auto
   - Header: 998
   - Navbar-brand (logo): 999
   - Topbar: 999
   - Back to top button: 99
*/

/* S'assurer que le logo reste toujours visible */
.navbar-brand {
    z-index: 999 !important;
    position: absolute;
}

/* Header doit être au-dessus du hero mais en dessous du logo */
#header {
    z-index: 998 !important;
    position: relative;
}

/* Topbar au même niveau que le logo */
.topbar {
    z-index: 999 !important;
    position: relative;
}

/* Hero section et ses éléments */
#hero {
    position: relative;
    z-index: 1;
}

#hero::before {
    z-index: 1 !important;
}

#hero .container {
    z-index: 2 !important;
    position: relative;
}

.hero-video {
    z-index: -1 !important;
}

/* Fix spécifique pour mobile */
@media (max-width: 768px) {
    .navbar-brand {
        z-index: 1000 !important;
    }
}