/* CSS de correction pour le centrage - À charger en priorité */

/* Assurer que le body et html ont une largeur fixe */
html, body {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Container fixes */
.container {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Hero section centering */
section[class*="min-h"] {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Force centering for all hero content */
[style*="z-index: 60"] {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

[style*="z-index: 60"] > div {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Simulator centering */
#simulateur {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Simulator wrapper centering */
div[id="simulateur"] {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Force card centering */
.shadow-xl {
  margin: 0 auto !important;
  max-width: 1200px !important;
}

/* AB Test layout fixes */
[class*="ABTest"] {
  width: 100% !important;
}

/* Hero slider fixes */
.relative.h-full.w-full[style*="z-index: 50"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 70vh !important;
}

.relative.h-full.w-full[style*="z-index: 50"] > div {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

/* Force all content to center */
.text-center {
  text-align: center !important;
}

/* Max width enforcement */
[class*="max-w"] {
  margin-left: auto !important;
  margin-right: auto !important;
}