/* ==========================================================================
   LE ROY FACTORY — COMPOSANTS (Bouton Agent, Navigation & Menu Burger Mobile)
   ========================================================================== */

/* Bouton Espace Agent Premium (Couleur Or forcée et lisible) */
.agent-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-color: #000000 !important;
  color: #FFD700 !important; /* Or pur très lumineux */
  border: 1px solid #D4AF37 !important;
  padding: 0.75rem 1.25rem !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important; /* Texte en gras */
  text-decoration: none !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
}

/* Forcer TOUS les éléments texte ou icônes à l'intérieur du bouton agent en or */
.agent-btn *,
.agent-btn span,
.agent-btn text {
  color: #FFD700 !important;
  fill: #FFD700 !important;
}

/* Effet au survol (quand la souris passe dessus) */
.agent-btn:hover {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

.agent-btn:hover *,
.agent-btn:hover span {
  color: #000000 !important;
  fill: #000000 !important;
}

/* Neutralisation pour s'assurer qu'il ne reste pas inversé après un clic/focus */
.agent-btn:active, 
.agent-btn:focus {
  background-color: #000000 !important;
  color: #FFD700 !important;
  border-color: #FFD700 !important;
}

/* Ajustements de la navigation pour éviter le chevauchement de Tarifs PRO */
.nav-menu, .navbar-nav {
  gap: 1.2rem;
}

.nav-link, .navbar-nav a {
  font-size: 0.95rem;
  white-space: nowrap;
}

/* Intégration mobile dans le menu burger */
.mobile-menu .agent-btn {
  width: 80% !important;
  max-width: 300px !important;
  margin-top: 1.5rem !important;
  text-align: center !important;
}

/* ==========================================================================
   BOUTON BURGER (MOBILE) — ESPACEMENT ET VISIBILITÉ
   ========================================================================== */
.burger-btn {
  display: none; /* Affiché uniquement en responsive mobile */
  background: rgba(0, 0, 0, 0.7) !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 6px;
  padding: 8px 10px;
  margin-right: 1.5rem !important; /* Décale le bouton vers la gauche pour qu'il ne soit plus collé au bord */
  cursor: pointer;
  z-index: 100;
}

/* Forcer l'affichage du burger sur les petits écrans */
@media (max-width: 992px) {
  .burger-btn {
    display: flex !important;
    flex-direction: column;
    gap: 5px;
  }
  
  /* Style des barres du burger pour qu'elles soient bien dorées */
  .burger-btn span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #D4AF37 !important;
  }
}

/* ==========================================================================
   CENTRAGE ET REMONTÉE FORCÉE DU MENU BURGER MOBILE
   ========================================================================== */
.mobile-menu, 
.nav-mobile-container, 
nav.active, 
.burger-open,
.nav-menu.active,
.navbar-nav.active {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: #FBF9F5 !important; /* Fond coquille d'œuf harmonisé */
  z-index: 99999 !important;
  margin: 0 !important;
  padding: 2rem !important;
  box-sizing: border-box !important;
}

/* Espacement et style élégant des liens dans le menu ouvert */
.mobile-menu a:not(.agent-btn), 
.nav-mobile-container a:not(.agent-btn),
nav.active a:not(.agent-btn),
.burger-open a:not(.agent-btn),
.nav-menu.active a:not(.agent-btn) {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #1A2530 !important;
  margin: 0.6rem 0 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.mobile-menu a:not(.agent-btn):hover, 
.nav-mobile-container a:not(.agent-btn):hover,
nav.active a:not(.agent-btn):hover,
.burger-open a:not(.agent-btn):hover,
.nav-menu.active a:not(.agent-btn):hover {
  color: #D4AF37 !important;
}

/* Bouton de fermeture (la croix en haut à droite) */
.mobile-menu .close-btn, 
.burger-close {
  position: absolute !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
}