/**
 * @file
 * Largeur du contenu, appliquée sur tout le site, sur toutes les pages.
 *
 * 1) Olivero réserve à droite une marge morte via .main-content { margin-inline-end:
 *    auto } : on l'annule (width 100%) et on relève un peu le plafond du conteneur.
 * 2) Le contenu des pages est placé par Olivero dans « content-narrow »
 *    (grid-column 3 / 11), décalé à gauche → colonnes vides à droite. On force le
 *    contenu à occuper toute la grille (1 / -1) pour qu'il prenne toute la largeur.
 */
:root {
  --max-width: 100rem; /* défaut Olivero : 84.375rem */
  --container-padding: 1.5rem; /* défaut : calc(2 * 1.125rem) */
}

@media (min-width: 75rem) {
  .main-content {
    width: 100% !important;
    margin-inline-end: 0 !important;
  }
}

/* Contenu pleine largeur : on annule l'indentation/colonnes réservées d'Olivero. */
@media (min-width: 43.75rem) {
  .layout--content-narrow,
  .layout--pass--content-narrow > *,
  .layout--content-medium,
  .layout--pass--content-medium > * {
    grid-column: 1 / -1 !important;
  }
}


/* Zone contenu élargie au maximum : Olivero place <main class="site-main"> en
   colonnes 3 / 11 de la grille (colonnes vides à gauche ET à droite). On lui
   donne toute la grille (1 / -1) pour récupérer l'espace, surtout à gauche. */
@media (min-width: 43.75rem) {
  .site-main {
    grid-column: 1 / -1 !important;
  }
}