/* =========================================
= SOUS-COMPOSANT — CORPS DE LA CARTE CONTACT (.nl-contact--body)
= Empile le bloc de coordonnées puis le formulaire, dans .nl-contact--card.
= Markup : contact-body.php · enqueue : inc-contact-body.php
=
= Ce fichier contient aussi la REPRISE de contact-infos pour ce contexte : le
= composant est dessiné pour la pleine largeur, il entre ici dans une carte
= d'environ 36rem. On le resserre DEPUIS L'HÔTE, sans toucher au composant —
= même principe que .nl-home-atelier qui neutralise la grille de manifest.
= ⚠️ INERTE depuis la 1.2.370 : contact-infos/ n'est plus rendu (page-contact.php
= ne passe plus 'infos'), ces sélecteurs ne matchent donc plus rien. On les
= GARDE pour que la remise en service n'ait rien à réécrire ici.
========================================= */
.nl-contact--body {
  display: grid;
  gap: 1.5rem;
}

/* ---- Reprise de contact-infos pour la carte ----
   Pleine largeur, il tient sur 4 colonnes (3 pour les groupes, 1 pour les
   réseaux). Dans la carte, 4 colonnes feraient ~130px chacune : on passe à 2,
   les groupes à gauche, les réseaux à droite — la même lecture, en deux fois
   moins large. */
.nl-contact--body .nl-contact-infos {
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  /* La carte apporte déjà son padding de 2rem : celui du bandeau (4rem 2.5rem)
     ferait double emploi et écraserait le formulaire vers le bas. */
  padding: 1.5rem;
}

.nl-contact--body .nl-contact-infos--main {
  grid-column: 1;
  gap: 1.25rem;
}

.nl-contact--body .nl-contact-infos--aside {
  grid-column: 2;
}

/* Les coordonnées restent lisibles dans une colonne étroite : on descend d'un
   cran, et les e-mails longs coupent déjà (overflow-wrap du composant). */
.nl-contact--body .nl-contact-infos--item {
  font-size: var(--text-sm);
}

/* Même bascule que le composant lui-même : sous 64rem, une seule colonne.
   Elle doit être reprise ici parce que la règle à 2 colonnes ci-dessus, plus
   spécifique (2 classes), l'emporterait sinon sur celle de contact-infos.css.
   Et il la faut dès 64rem : la grille de page ne passe à 1 colonne qu'à 48rem,
   donc entre les deux la carte fait encore une demi-largeur — 2 colonnes y
   tomberaient à une centaine de pixels. */
@media (max-width: 64rem) {
  .nl-contact--body .nl-contact-infos {
    grid-template-columns: 1fr;
    padding: 1.25rem;
  }
  .nl-contact--body .nl-contact-infos--main,
  .nl-contact--body .nl-contact-infos--aside {
    grid-column: auto;
  }
}