/* === MENU DESKTOP BRUTUX === */
.site-header {
  position: fixed !important; /* sticky */
  top: 50px; /* marge top pour effet flottant */
  width: 100%;
  z-index: 9999;
  background-color: transparent; /* transparent en dehors du conteneur */
  box-shadow: none;
}

.site-header .ast-container {
  max-width: 1200px; /* aligné avec le Hero */
  margin: 0 auto; /* centré horizontalement */
  background-color: #000F2A; /* fond bleu nuit Brutux */
  border-radius: 200px; /* style capsule */
  padding: 0 40px; /* padding horizontal uniquement */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* ombre douce */
}

/* Liens du menu desktop */
.site-header a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.site-header a:hover {
  color: #097340; /* vert Brutux au hover */
}

/* === MENU RESPONSIVE BRUTUX === */
@media (max-width: 1024px) {
  /* Masque le bouton CTA */
  .site-header .ast-header-button-wrap {
    display: none !important;
  }

  /* Maintient le style capsule en mobile */
  .site-header .ast-container {
    background-color: #000F2A !important;
    border-radius: 200px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }

  /* Logo aligné à gauche */
  .ast-site-identity {
    justify-content: flex-start;
  }

  /* Cache les liens desktop */
  .ast-header-break-point .main-header-bar-navigation {
    display: none;
  }

  /* Affiche le burger menu aligné à droite */
  .ast-header-break-point .ast-mobile-menu-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  /* Style du burger */
  .ast-header-break-point .ast-menu-toggle {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
  }
}

/* === FORÇAGE DU FOND BLEU ET BORDER-RADIUS SUR TOUS LES CONTENEURS MOBILES === */
.ast-mobile-header-wrap,
.ast-mobile-popup,
.ast-mobile-popup-inner,
.ast-mobile-popup-content {
  background-color: #000F2A !important; /* fond bleu Brutux */
  border-radius: 200px !important; /* effet capsule */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  margin: -30px 10px; /* espace autour pour effet flottant */
}

/* Liens dans le menu mobile */
.ast-mobile-popup-inner a {
  color: #ffffff !important; /* liens blancs */
  text-decoration: none;
  font-size: 1.2rem;
  padding: 10px 0;
  display: block;
  transition: color 0.3s ease;
}

.ast-mobile-popup-inner a:hover {
  color: #097340 !important; /* hover vert Brutux */
}

/* Supprime les bordures/gris Astra par défaut */
.ast-mobile-popup-inner,
.ast-mobile-popup-content {
  border: none !important;
  box-shadow: none !important;
}