/* =========================================
   1. FOND BLEU STATIQUE
   ========================================= */
body {
  background-color: #0b192c !important; 
  background-image: none !important;
  animation: none !important;
  color: white;
  margin: 0;
  padding: 0;
}

/* =========================================
   2. MENU DE NAVIGATION (BOUTONS EN HAUT)
   ========================================= */
header {
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

nav ul {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  gap: 15px; /* Espace entre chaque bouton */
  flex-wrap: wrap; /* Permet aux boutons de passer à la ligne sur mobile */
  justify-content: center;
}

nav ul li a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.1); /* Fond légèrement transparent */
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px; /* Bords arrondis pour l'effet bouton */
  transition: all 0.3s ease;
  display: inline-block;
  backdrop-filter: blur(5px);
}

/* Effet quand on passe la souris ou qu'on est sur la page active */
nav ul li a:hover, 
nav ul li a.active {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px); /* Soulève légèrement le bouton */
}

/* =========================================
   3. ADAPTATION DE LA CARTE DE PRIX
   ========================================= */
.pricing-section {
  background-color: transparent !important;
}

/* Canvas étoilé couvrant la section */
.pricing-section {
  position: relative;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  padding: 80px 20px;
}

.space-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 20% 20%, #071022 0%, rgba(7,16,34,0.9) 30%, rgba(3,10,18,0.95) 70%, #000 100%);
}

.planet {
  position: absolute;
  right: -8%;
  bottom: -12%;
  width: 60vmin;
  height: 60vmin;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #6b93c8 0%, #2e4d6b 40%, #122433 70%, #071026 100%);
  box-shadow: inset -40px -20px 80px rgba(0,0,0,0.6), 0 0 80px rgba(50,80,120,0.15);
  filter: saturate(1.05) contrast(1.05);
  opacity: 0.95;
}

#starfield {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  display: block;
}

.pricing-card {
  position: relative;
  z-index: 2;
}

.pricing-card {
  background: rgba(20, 25, 40, 0.75) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

.card-header h2, 
.card-features ul li, 
.payment-text,
.separator {
  color: #ffffff !important;
}

.price span {
  color: #bdc3c7 !important;
}

.crypto-details {
  background: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid rgba(247, 147, 26, 0.5) !important;
}

.crypto-details p {
  color: #ffffff !important;
}

/* =========================================
   4. TON CODE D'ORIGINE (INCHANGÉ)
   ========================================= */
.navigation-wrapper, .navigation-container1, .navigation-container3, .navigation-container5, 
.footer-wrapper, .footer-container1, .footer-container4, .footer-container6,
.pack-de-signaux-trading-container1, .pack-de-signaux-trading-container3, .pack-de-signaux-trading-container5, .pack-de-signaux-trading-container7 {
  display: contents;
}
 
.navigation-thq-navigation-icon-theme-elm1, .navigation-thq-navigation-icon-theme-elm2, 
.navigation-container2, .navigation-container4, 
.footer-thq-footer-chat-icon-close-elm, .footer-container3, .footer-container5,
.pack-de-signaux-trading-container2, .pack-de-signaux-trading-container4, .pack-de-signaux-trading-container6 {
  display: none;
}

.footer-thq-footer-chat-badge-elm {
  top: -4px; color: white; right: -4px; border: 2px solid var(--color-surface);
  padding: 4px 8px; position: absolute; font-size: 10px; font-weight: bold;
  border-radius: var(--border-radius-full); background-color: #e74c3c;
}