/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

:root {
  --max-width-wider: 1440px; /* Nouvelle variable pour une largeur plus grande */
}

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

.layout-main-wrapper {
  position: relative;
  z-index: 2;
}

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: 100%;
    max-width: var(--max-width-wider);
    margin-inline: auto;
  }
}

.main-content__container {
  padding-block-start: var(--sp1); /* Réduit de var(--sp3) à var(--sp1) */
  max-width: var(--max-width-wider);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp2); /* Réduit de var(--sp5) à var(--sp2) */
  }
}

/* Règles mises à jour pour les régions spécifiques */
.region-highlighted,
.region-breadcrumb,
.region-content-above,
.region-content {
  max-width: var(--max-width-wider);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: var(--sp1); /* Ajoute un petit espacement entre les régions */
}

/* Supprimer la marge du dernier élément pour éviter un espace supplémentaire */
.region-content-above:last-child,
.region-breadcrumb:last-child,
.region-highlighted:last-child {
  margin-bottom: 0;
}

/* Styles existants pour le responsive design */
@media (--md) {
  .main-content__container {
    padding-block-start: var(--sp2); /* Maintenu à var(--sp2) pour la cohérence */
  }
}

/* Autres styles existants */
.sidebar-grid {
  display: grid;
  grid-template-areas: "content" "sidebar";
}

@media (--lg) {
  .sidebar-grid {
    grid-template-columns: 1fr 25%;
    grid-gap: var(--grid-gap);
    grid-template-areas: "content sidebar";
  }
}

.site-main {
  grid-area: content;
}

.sidebar {
  grid-area: sidebar;
}

.text-content {
  max-width: var(--max-width-wider);