.burger {
  display: none;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}

.burger span {
  width: 22px;
  height: 2px;
  background: #e8e3ff;
}

.mobile-menu {
  display: none;
  flex-direction: column;
  background: #05060c;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.mobile-menu a {
  padding: 12px 20px;
  border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 0.95rem;
}

/* Responsive */
@media (max-width: 900px) {
  .main-nav {
    display: none;
  }
  .burger {
    display: flex;
  }
  .mobile-menu.open {
    display: flex;
  }
}
/* Container */
.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle; /* ALIGNEMENT PARFAIT */
}

/* Bouton */
.dropbtn {
  cursor: pointer;
  padding: 10px 15px;
  color: #e8e3ff;
  text-decoration: none;
  display: inline-block; /* ALIGNEMENT */
  line-height: 20px;     /* ALIGNEMENT */
}

/* Contenu du menu */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #05060c;
  min-width: 180px;
  border: 1px solid rgba(255,255,255,0.08);
  z-index: 1000;
}

.dropdown-content a {
  color: #e8e3ff;
  padding: 10px 15px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.dropdown-content a:hover {
  background-color: #11131a;
}

/* Affichage au survol */
.dropdown:hover .dropdown-content {
  display: block;
}

/* MOBILE */
.mobile-dropdown {
  display: flex;
  flex-direction: column;
}

.mobile-dropbtn {
  padding: 12px 20px;
  color: #e8e3ff;
  cursor: pointer;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.mobile-dropdown-content {
  display: none;
  flex-direction: column;
  background: #0a0b10;
}

.mobile-dropdown-content a {
  padding: 10px 25px;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.mobile-dropbtn.active + .mobile-dropdown-content {
  display: flex;
}