/* ================================================================================
   PRICING PAGE — BACKGROUND & LAYERING
================================================================================ */

body.pricing-page {
  background: rgba(9, 5, 24, 1) !important;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Isolation : ne pas afficher les glows hors de pricing-page */
body:not(.pricing-page) .purple-glow-pricing {
  display: none !important;
}

/* Content must stay above fixed-position glows (z-index: 0) */
body.pricing-page #app,
body.pricing-page #main-content {
  position: relative;
}

body.pricing-page #main-content > *:not(#header-container) {
  position: relative;
  z-index: 10;
}

body.pricing-page #pricing-hero,
body.pricing-page #pricing-plans,
body.pricing-page #pricing-comparison,
body.pricing-page #pricing-faq,
body.pricing-page #pricing-cta {
  position: relative;
  z-index: 10;
}

/* Texte par défaut sur fond sombre.
   On exclut les boutons partagés et les pictogrammes produits afin de
   préserver leurs couleurs d'accent propres. */
body.pricing-page #main-content section {
  color: #e5e7eb;
}
body.pricing-page
  #main-content
  section
  *:not(.btn, .btn *, .product-selector, .product-selector *) {
  color: #e5e7eb;
}

body.pricing-page #main-content section h1,
body.pricing-page #main-content section h2,
body.pricing-page #main-content section h3,
body.pricing-page #main-content section h4 {
  color: #ffffff;
}

/* Prévention CLS pour les containers de sections */
body.pricing-page #header-container {
  min-height: 72px;
}
body.pricing-page #hero-container {
  min-height: 420px;
}
body.pricing-page #plans-container {
  min-height: 620px;
}