/* ====== FIX HEADER MODERNE (override menu.css ancien) ====== */

.main-header {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(255, 220, 245, 0.85);
  backdrop-filter: blur(10px);
  z-index: 9999;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

body {
  padding-top: 90px; /* évite que le contenu passe sous le header */
}

.main-header .nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* LOGO */
.main-header .logo a {
  font-size: 22px;
  font-weight: 800;
  color: #ff2c9c;
  text-decoration: none;
}

/* MENU PRINCIPAL seulement (pas les sous-menus) */
.main-header .nav-menu > ul {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Sous-menu (dropdown) doit rester caché par défaut */
.main-header .nav-menu .dropdown-menu {
  display: none !important;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 170px;
  background: #fff;
  border-radius: 14px;
  padding: 10px 0;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  z-index: 99999;
}

/* Ouverture au survol uniquement */
.main-header .dropdown:hover > .dropdown-menu,
.main-header .dropdown:focus-within > .dropdown-menu {
  display: block !important;
}

/* enlève le look "bouton encadré" hérité de l'ancien menu */
.main-header .nav-menu ul li a {
  display: inline-block;
  padding: 10px 14px;
  border: none !important;
  background: transparent !important;
  border-radius: 14px;
  color: #2b2b2b;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s;
}

.main-header .nav-menu ul li a:hover {
  background: rgba(255, 44, 156, 0.12) !important;
  color: #ff2c9c;
}

/* DROPDOWN PROPRE */
.main-header .dropdown {
  position: relative;
}

.main-header .dropdown-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 170px;
  background: #fff;
  border-radius: 14px;
  padding: 10px 0;
  display: none;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  z-index: 99999;
}

.main-header .dropdown-menu li a {
  display: block;
  padding: 10px 16px;
  border-radius: 0;
  color: #333;
}

.main-header .dropdown:hover .dropdown-menu {
  display: block;
}

/* BOUTON REJOINDRE */
.main-header .btn-pink {
  background: linear-gradient(135deg, #ff2c9c, #ff7bd5);
  padding: 10px 18px;
  border-radius: 999px;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  border: none !important;
}

.main-header .btn-pink:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 25px rgba(255, 44, 156, 0.25);
}
/* ===== Fix dropdown ouvert par défaut ===== */

/* cache le sous-menu par défaut */
.main-header .dropdown-menu {
  display: none !important;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 99999;
}

/* l'afficher seulement quand on survole le parent */
.main-header .dropdown:hover > .dropdown-menu {
  display: block !important;
}

/* bonus: au clavier (tab) */
.main-header .dropdown:focus-within > .dropdown-menu {
  display: block !important;
}

/* important: le parent doit être en relative */
.main-header .dropdown {
  position: relative;
}

/* s'assure que le sous-menu reste en colonne */
.main-header .dropdown-menu {
  flex-direction: column;
}
/* ===== Dropdown Acteurs : fermé par défaut, ouvert au survol ===== */

/* 1) le <li> parent doit être "relative" */
.navbar .menu > li {
  position: relative;
}

/* 2) cacher le sous-menu par défaut */
.navbar .menu > li > ul {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  min-width: 180px;
}

/* 3) ouvrir seulement au survol du parent */
.navbar .menu > li:hover > ul {
  display: block !important;
}

/* (optionnel) style propre */
.navbar .menu > li > ul {
  background: #fff;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* items du sous-menu */
.navbar .menu > li > ul li a {
  display: block;
  padding: 10px 12px;
  white-space: nowrap;
}