/* ==========================================================================
   OBYNOX — Footer partagé
   --------------------------------------------------------------------------
   👉 Le CONTENU du footer est dans `partials/footer.html`.
      Ce fichier n'en contient que le style.
   Le bloc est autonome : il ne dépend d'aucun `.container` de page, donc il
   fait la même largeur partout. Les couleurs viennent des variables de la
   page (--ligne, --brume, --cyan…), ce qui le fait suivre la teinte des
   pages secteur tout en gardant une structure identique.
   ========================================================================== */

.site-footer{
  position:relative;
  width:100%;              /* certaines pages centrent leurs enfants (404) */
  box-sizing:border-box;
  margin-top:3rem;
  padding:1.6rem 0;
  border-top:1px solid var(--ligne,rgba(14,19,38,.12));
  text-align:left;
}
/* filet dégradé : teinte du secteur si la page en définit une, sinon Obynox */
.site-footer::before{
  content:"";
  position:absolute;top:-1px;left:0;right:0;height:3px;
  background:var(--sector-grad,var(--grad));
  opacity:.85;
}

.site-footer__inner{
  /* suit la largeur de contenu de la page (--container-w) pour rester aligne */
  width:min(var(--container-w,1080px),100% - clamp(2.2rem,6vw,5rem));
  margin-inline:auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}

.site-footer__links{
  display:flex;
  flex-wrap:wrap;
  gap:1.3rem;
  font-family:var(--font-mono,ui-monospace,monospace);
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.site-footer__links a{color:var(--brume,#59617b);text-decoration:none;transition:color .3s}
.site-footer__links a:hover{color:var(--cyan-text,#0e7490);text-decoration:none}

@media(max-width:620px){
  .site-footer__inner{justify-content:center;text-align:center}
  .site-footer__links{justify-content:center;gap:.9rem;font-size:.66rem}
}

/* Sur les pages qui ont deja un footer riche juste au-dessus (accueil), la barre
   legale ne repete ni le logo ni la marge : sinon deux logos Obynox s'empilent. */
.footer + .site-footer{margin-top:0}
.footer + .site-footer .brand--sm{display:none}
.footer + .site-footer .brand-line__copy{color:var(--brume,#59617b);font-family:var(--font-mono,ui-monospace,monospace);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}