/* Ajustements responsive spécifiques WP (chargés après le CSS compilé). */

/* Footer allégé en mobile (< 640px) : colonnes Solutions & Entreprise
   masquées, coordonnées / réseaux / barre légale centrés. */
@media (max-width: 639px) {
  .footer__logo { margin-inline: auto; }

  .footer__cols > .footer__col:nth-child(2),
  .footer__cols > .footer__col:nth-child(3) { display: none; }

  .footer__h,
  .footer__company { text-align: center; }

  .footer__contact > div { justify-content: center; }

  .footer__social { justify-content: center; }

  .footer__bottom { flex-direction: column; }
  .footer__legal { justify-content: center; }
}

/* Grilles 12 colonnes (galeries des singles, galerie À propos, page Contact) :
   sous lg les items occupent les 12 colonnes, les 11 gouttières (40–48px)
   créent une largeur incompressible > écran → scroll horizontal.
   On ne garde la gouttière qu'en desktop. */
@media (max-width: 1023px) {
  .mural-gallery__grid,
  .gallery__grid,
  .contact__grid { column-gap: 0; }
}

/* Page FAQ : le resserrement générique « intro + 1re section » (voir
   _apropos.css) laissait trop peu d'air au-dessus du 1er bloc de catégorie.
   On rétablit l'espacement standard de .section. */
.page-intro + .faq--page { padding-top: clamp(5rem, 12vw, 11.875rem); }