/*
 * PRATINIUM v404 — gouttières internes réduites et alignées sur l'accueil.
 * Une seule marge extérieure de 8 px est conservée sur ordinateur et mobile.
 * Les conteneurs Bootstrap imbriqués et les bords externes des grilles sont neutralisés.
 */
:root {
  --pratinium-page-edge-desktop: 8px;
  --pratinium-page-edge-mobile: 8px;
}

html body:not(#index) #wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: var(--pratinium-page-edge-desktop) !important;
  padding-right: var(--pratinium-page-edge-desktop) !important;
  box-sizing: border-box !important;
}

html body:not(#index) #wrapper > .container,
html body:not(#index) #wrapper > .container-fluid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body:not(#index) #wrapper > .container > .row,
html body:not(#index) #wrapper > .container-fluid > .row,
html body:not(#index) #content-wrapper > .row,
html body:not(#index) #main > .row,
html body:not(#index) #content > .row {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body:not(#index) #content-wrapper,
html body:not(#index) #main,
html body:not(#index) #content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Neutralisation des conteneurs Bootstrap ajoutés par les modules dans #content. */
html body:not(#index) #content .container,
html body:not(#index) #content .container-fluid,
html body:not(#index) #main .container,
html body:not(#index) #main .container-fluid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body:not(#index) #content .container > .row,
html body:not(#index) #content .container-fluid > .row,
html body:not(#index) #main .container > .row,
html body:not(#index) #main .container-fluid > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Les colonnes externes des grilles ne doivent plus recréer une marge latérale. */
html body[id^="module-pratinium"] #content .row > [class*="col-"]:first-child,
html body[class*="page-module-pratinium"] #content .row > [class*="col-"]:first-child,
html body#my-account #content .row > [class*="col-"]:first-child,
html body.page-my-account #content .row > [class*="col-"]:first-child {
  padding-left: 0 !important;
}

html body[id^="module-pratinium"] #content .row > [class*="col-"]:last-child,
html body[class*="page-module-pratinium"] #content .row > [class*="col-"]:last-child,
html body#my-account #content .row > [class*="col-"]:last-child,
html body.page-my-account #content .row > [class*="col-"]:last-child {
  padding-right: 0 !important;
}

/* Les enveloppes applicatives PRATINIUM doivent utiliser toute la largeur disponible. */
html body[id^="module-pratinium"] #content > *,
html body[class*="page-module-pratinium"] #content > *,
html body[id^="module-pratinium"] #main > #content > *,
html body[class*="page-module-pratinium"] #main > #content > *,
html body#my-account #content > *,
html body.page-my-account #content > * {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 767.98px) {
  html body:not(#index) #wrapper {
    padding-left: var(--pratinium-page-edge-mobile) !important;
    padding-right: var(--pratinium-page-edge-mobile) !important;
  }
}