/* Maillage interne — affiché DANS le pied de page (maillage.php est inclus avant </footer>).
   Chargée par maillage.php lui-même : elle s'applique donc sur toutes les pages,
   quelle que soit la feuille du footer (css/footer.css ou dist/cordeleires-second.min.css). */

/* Le pied doit pouvoir grandir : /applications/calendrier/css/dispo.css impose « footer { height: 70px } » */
footer.footer-contact {
  flex-wrap: wrap;
  height: auto;
}

/* C'est un <nav> : on annule la règle globale « nav » du calendrier (hauteur 50px, flex, z-index 99) */
footer.footer-contact nav.sdc-maillage {
  display: block;
  flex: 0 0 100%;
  order: 10;
  height: auto;
  margin: 4px 0 0;
  padding: 8px 20px 6px;
  position: static;
  z-index: auto;
  border-top: 1px solid rgba(70, 58, 45, 0.2);
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.5;
}

footer.footer-contact .sdc-maillage__titre {
  display: inline;
  margin: 0 12px 0 0;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.5;
  color: #3e3428;
}

footer.footer-contact .sdc-maillage__liste {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

footer.footer-contact .sdc-maillage__liste li { margin: 0; }

footer.footer-contact .sdc-maillage__liste a {
  color: #3e3428;
  text-decoration: underline;
  text-underline-offset: 3px;
}

footer.footer-contact .sdc-maillage__liste a:hover { color: #7a6650; }
footer.footer-contact .sdc-maillage__liste [aria-current="page"] { font-weight: 600; }

@media screen and (max-width: 620px) {
  footer.footer-contact nav.sdc-maillage {
    padding: 10px 2px 4px;
    text-align: left;
    border-top-color: rgba(70, 58, 45, 0.35);
  }
  footer.footer-contact .sdc-maillage__titre { display: block; margin: 0 0 6px; }
  footer.footer-contact .sdc-maillage__liste {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}