/* Bandeau de pied de page — AYA Architectures.
   Contenu généré automatiquement par aya_footer_bar() dans functions.php
   (année du copyright toujours à jour, rien à modifier chaque année).

   Fond blanc, deux blocs aux extrémités : le copyright + crédit à
   gauche, le(s) lien(s) légal/légaux à droite — texte dans la même
   couleur que le reste du texte du site (#222222). */

/* ---- Pied de page toujours collé en bas ("sticky footer") ----
   Sur une page dont le contenu est court (ex : /materiaux/), le
   bandeau .aya-footer-bar s'arrêtait juste après le contenu, laissant
   un grand espace blanc jusqu'en bas de la fenêtre. On applique le
   schéma classique "sticky footer" en flexbox à <body> : la zone de
   contenu (#page, généré par GeneratePress) s'étire pour occuper tout
   l'espace disponible (flex: 1 0 auto), ce qui repousse .site-footer
   et .aya-footer-bar en bas de l'écran quand le contenu est court —
   et n'a aucun effet quand le contenu est déjà plus grand que l'écran
   (comportement normal, testé sur la page d'accueil et sur
   /materiaux/, en bureau comme en mobile). */
html,
body{
  min-height: 100%;
}
body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > #page{
  flex: 1 0 auto;
  /* Effet de bord découvert le 10/09 sur la page d'un matériau : dans
     un conteneur flex ("body" ci-dessus), un enfant qui a des marges
     "auto" gauche/droite pour se centrer (c'est le cas de #page, voir
     ".grid-container{margin-left:auto;margin-right:auto}" dans le
     thème) n'est alors plus étiré à la largeur du conteneur par
     défaut — il se réduit à la largeur de SON PROPRE contenu, puis se
     centre. Sur les pages normales ça ne se voit pas (leur contenu
     est déjà assez large), mais sur une page dont le contenu est
     étroit (ex. la fiche d'un matériau), #page — et donc toute la
     page — se retrouvait anormalement rétréci à la largeur de ce
     contenu, décalant tout vers le centre au lieu de démarrer au même
     endroit que les autres pages. On force donc explicitement #page à
     occuper toute la largeur disponible avant que sa propre limite de
     1200px et son centrage automatique ne s'appliquent normalement. */
  width: 100%;
}

/* Quand la page fait *exactement* la hauteur de la fenêtre (comme sur
   /materiaux/ une fois collée en bas), certains navigateurs (Chrome
   sous Windows notamment) hésitent entre afficher ou non la barre de
   défilement verticale : ce minuscule va-et-vient fait parfois
   "sauter" la mise en page de quelques pixels et donne l'impression
   que le bandeau du bas est rogné. On réserve donc toujours la place
   de cette barre, qu'elle soit utile ou non, pour que ce calcul ne
   bouge plus. */
html{
  overflow-y: scroll;
}

.aya-footer-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 22px 40px;
  background: #ffffff;
  color: #222222;
  /* Une fine ligne pour séparer le bandeau du reste de la page — sans
     elle, fond blanc sur fond blanc, le bas de page se confond
     complètement avec le contenu au-dessus. Retire cette ligne si tu
     préfères une transition totalement invisible. */
  border-top: 1px solid #e5e5e5;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .02em;
}

.aya-footer-copyright{
  opacity: .92;
}

/* Couleur du crédit "JNLD" — texte simple, pas de lien (à ajuster à la
   teinte exacte souhaitée). */
.aya-footer-signature{
  color: #E8445C;
  font-weight: 700;
}

.aya-footer-legal a{
  color: #222222;
  text-decoration: none;
  background: none;
}
/* Certains styles globaux du site posent un fond sombre au survol des
   liens — on neutralise ça ici pour garder juste le soulignement. */
.aya-footer-legal a:hover,
.aya-footer-legal a:focus{
  text-decoration: underline;
  background: none !important;
  color: #222222;
}

/* Plusieurs liens légaux (si un menu "Pied de page — liens légaux" est
   assigné avec plus d'un lien) : petit espace entre chaque. */
.aya-footer-legal ul{
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 560px){
  .aya-footer-bar{
    flex-direction: column;
    text-align: center;
    padding: 20px 24px;
  }
}