/* ==========================================================================
   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{
  width:min(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,#0ea5c9);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}
}