/* PRATINIUM v376 — /inscription utilise le même moteur visuel que /identite.
   Ce filet de sécurité supprime les anciennes limites de largeur du formulaire
   d'inscription avant même l'exécution du normaliseur partagé v358/v375. */

body#registration,
body.page-registration {
  --pi376-page-max: 1440px;
  --pi376-side-gap: 24px;
}

body#registration #wrapper > .container,
body.page-registration #wrapper > .container,
body#registration #content-wrapper,
body.page-registration #content-wrapper,
body#registration #main,
body.page-registration #main {
  width: 100% !important;
  max-width: var(--pi376-page-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body#registration #wrapper > .container,
body.page-registration #wrapper > .container {
  padding-left: var(--pi376-side-gap) !important;
  padding-right: var(--pi376-side-gap) !important;
}

body#registration #content,
body#registration div#content.page-content.card.card-block,
body#registration .page-content.card,
body#registration .page-content.card.card-block,
body.page-registration #content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body#registration .register-form,
body#registration form#customer-form,
body#registration .js-customer-form,
body#registration .customer-form,
body.page-registration form#customer-form {
  display: block !important;
  width: calc(100% - (2 * var(--pi376-side-gap))) !important;
  max-width: calc(100% - (2 * var(--pi376-side-gap))) !important;
  min-width: 0 !important;
  margin-left: var(--pi376-side-gap) !important;
  margin-right: var(--pi376-side-gap) !important;
  box-sizing: border-box !important;
}

body#registration #customer-form > section,
body#registration form.js-customer-form > section,
body.page-registration #customer-form > section {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Neutralise les anciennes limites spécifiques à l'inscription. */
body#registration #customer-form .form-group .input-group,
body#registration form.js-customer-form .form-group .input-group,
body.page-registration #customer-form .form-group .input-group,
body#registration #customer-form .js-input-column,
body#registration #customer-form [class*="col-"] {
  max-width: none !important;
  min-width: 0 !important;
}

@media (max-width: 991px) {
  body#registration,
  body.page-registration {
    --pi376-side-gap: 16px;
  }
}

@media (max-width: 575px) {
  body#registration,
  body.page-registration {
    --pi376-side-gap: 8px;
  }
}
