.btn-menu {
width:100%;
border:1px solid var(--couleur3);
display:block;
text-align:center;
color:var(--couleur2);
font-weight:700;
border-radius:1em;
font-size:1.2em;
line-height:2em;
}


.no-scroll {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}

/* Bouton burger */
.burger {
position: fixed;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background: none;
border: none;
cursor: pointer;
z-index: 9001;
transition: 0.4s;
}

.burger div {
width: 35px;
height: 5px;
background: var(--couleur1);
margin: 6px 0;
transition: 0.4s;
}

/* Overlay du menu */
#menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
display: flex;
align-items: center;
justify-content: center;
transform: translateY(100%);
transition: transform 0.5s ease-in-out;
z-index: 9000;
overflow: hidden;
}


#menu-overlay video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}

.overlay-filter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: color-mix(in srgb, var(--couleur4), transparent 10%); /* Filtre sombre */
backdrop-filter: blur(5px); /* Effet de flou optionnel */
}

#menu {
width:calc(100vw - 20px);
overflow-y: auto;
}

/* Liste du menu */
#menu-overlay ul {
list-style: none;
padding: 0;
text-align: center;
max-height: 90vh;
max-width:100vw;
}

#menu-overlay li {
font-size:1.6em;
margin: 1.2rem auto;
position: relative;
line-height:1.2em;
max-width:100vw;
}

#menu-overlay li ul li {
font-size:0.8em;
margin: 0.3rem auto;
position: relative;
}


#menu-overlay a {
color: var(--blanc);
text-decoration: none;
transition: color 0.3s;
}

#menu-overlay li ul li a {
color: var(--couleur3);
}

#menu-overlay a:hover {
color: #007BFF;
}

/* Animation du burger en croix */
.burger.active {
transform:rotate(180deg);
}


.burger.active div:nth-child(1) {
transform: rotate(45deg) translate(5px, 10px);
}

.burger.active div:nth-child(2) {
opacity: 0;
}

.burger.active div:nth-child(3) {
transform: rotate(-45deg) translate(5px, -10px);
}

/* Affichage du menu */
#menu-overlay.active {
transform: translateY(0);
}

/* Sous-menus */
.submenu {
list-style: none;
padding: 0;
display: block;
}

.submenu li {
margin: 0.5rem 0;
}