/* ds › PiedSite. Bande --c-vert-900 portée par le <footer> de Barrio
   (.site-footer, prod10avril.css) ; textes et liens en --c-surtitre-sombre.
   Contacts : quatre colonnes dès 1280 px, deux dès 768, une en dessous. */
.pied-site {
  padding-top: var(--e-12);
  padding-bottom: var(--e-8);
  font-family: var(--f-texte);
  color: var(--c-paper);
}

/* Zone de verrouillage ≤ rail : 210 px au bureau, 180 en tablette, 130 sous
   768 px (logo-petite-blanc.svg). */
.pied-site__logo { display: inline-block; }
.pied-site__logo img { display: block; width: 130px; height: auto; border-radius: 0; }
@media (min-width: 768px) { .pied-site__logo img { width: 180px; } }
@media (min-width: 1280px) { .pied-site__logo img { width: 210px; } }

.pied-site__contacts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--e-8) var(--e-6);
  margin: var(--e-8) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) { .pied-site__contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .pied-site__contacts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pied-site__domaine {
  display: block;
  font-size: var(--t-label);
  letter-spacing: var(--a-label);
  text-transform: uppercase;
  font-weight: var(--g-fort);
  color: var(--c-surtitre-sombre);
}

/* Cible tactile portée par le lien lui-même (arbitrage 20). */
.pied-site__lien {
  display: inline-flex;
  align-items: center;
  gap: var(--e-1);
  min-height: var(--cible-min);
  font-size: var(--t-small);
  color: var(--c-surtitre-sombre);
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
.pied-site__lien:hover,
.pied-site__lien:focus { color: var(--c-paper); }

.pied-site__bas {
  margin-top: var(--e-8);
  padding-top: var(--e-6);
  border-top: 1px solid rgba(250, 247, 241, .22);
}
.pied-site__rangee {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--e-6);
}
.pied-site__rangee + .pied-site__rangee { margin-top: var(--e-6); }
.pied-site__service { display: flex; flex-wrap: wrap; gap: 0 var(--e-6); }

.pied-site__reseaux { display: flex; gap: var(--e-3); margin: 0; padding: 0; list-style: none; }
.pied-site__reseau {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--cible-min);
  min-height: var(--cible-min);
  border: 1px solid rgba(250, 247, 241, .22);
  border-radius: var(--r-sm);
  font-size: 18px;
  color: var(--c-paper);
}
.pied-site__reseau:hover,
.pied-site__reseau:focus { color: var(--c-paper); border-color: var(--c-paper); }

.pied-site__mentions { gap: var(--e-4); font-size: var(--t-small); color: var(--c-surtitre-sombre); }
.pied-site__credit .bi { font-size: 14px; }

/* Bureau et tablette : réseaux et crédit poussés au bord droit, la rangée
   part du rail (arbitrage 22). Sous 768 px, ils s'empilent au rail. */
@media (min-width: 768px) {
  .pied-site__reseaux,
  .pied-site__credit { margin-left: auto; }
}