/* ==========================================================================
   FORCE LA PLEINE LARGEUR DU CORPS ET DU FOOTER (SANS TOUCHER AU HEADER)
   ========================================================================== */

@media (min-width: 43.75rem) {

  /* 1. Force 1 seule colonne géante dans le corps de page ET dans le footer */
  #main-wrapper,
  .site-footer {
    --grid-col-count: 1 !important;
  }

  /* 2. Supprime les restrictions de grilles sur le contenu et les blocs du footer */
  #main-wrapper .site-main,
  #main-wrapper .main-content,
  #main-wrapper .layout-content,
  #main-wrapper .grid-full,
  #main-wrapper .layout--content-narrow,
  #main-wrapper .layout--content-medium,
  #main-wrapper .node__content,
  .site-footer .site-footer__inner,
  .site-footer .grid-full {
    grid-column: 1 / -1 !important;
    display: block !important; 
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3. Aligne parfaitement les marges intérieures (paddings) sur celles du Header */
  #main-wrapper .container,
  #main-wrapper .region,
  .site-footer .container,
  .site-footer .region {
    max-width: 100% !important;
    padding-inline: var(--sp2) !important; 
  }

  /* 4. Supprime les décalages de marges d'Olivero */
  #main-wrapper .main-content__container,
  .site-footer__inner {
    margin-inline: 0 !important;
    width: 100% !important;
  }
}