/* ── Layout global — bordures blanches latérales ──────────────────────
   Un seul fichier pour toutes les pages.
   Les bordures incluent l'ancien margin header (2% gauche, 3% droite)
   pour que logo, menu et contenu soient tous alignés.
   ──────────────────────────────────────────────────────────────────── */

:root {
  --site-gutter-left: calc(40px + 2vw);
  --site-gutter-right: calc(40px + 3vw);
  --site-gutter-mobile: 15px;
}

body {
  border-left: var(--site-gutter-left) solid #fff !important;
  border-right: var(--site-gutter-right) solid #fff !important;
}

/* Supprimer les marges header — absorbées par les bordures body */
#masthead .ast-primary-header-bar.main-header-bar,
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  body {
    border-left: var(--site-gutter-mobile) solid #fff !important;
    border-right: var(--site-gutter-mobile) solid #fff !important;
  }
}