/* ============================================================
   footer.css — Style UNIQUE du pied de page (footer riche).
   Chargé par toutes les pages pour un footer identique partout.
   ============================================================ */
.site-footer-rich{background:var(--ink);color:rgba(255,255,255,.62);margin-top:0}
.footer-inner{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:2.5rem}
.footer-col h4{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:1rem}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.footer-col ul li{font-size:.86rem;line-height:1.5}
.footer-col a{color:rgba(255,255,255,.62);text-decoration:none;transition:color .15s}
.footer-col a:hover{color:#fff}
/* Colonne marque */
.footer-brand .footer-logo{height:46px;width:auto;filter:brightness(0) invert(1);margin-bottom:1rem}
.footer-tagline{font-size:.86rem;line-height:1.6;color:rgba(255,255,255,.62);margin-bottom:.75rem}
.footer-since{font-size:.82rem;color:var(--red);font-weight:700}
/* Colonne contact avec icônes */
.footer-contact ul li{display:flex;align-items:flex-start;gap:.6rem}
.footer-contact svg{width:16px;height:16px;color:var(--red);flex-shrink:0;margin-top:.15rem}
/* Barre légale en bas */
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:rgba(255,255,255,.5)}
.footer-bottom a{color:rgba(255,255,255,.7);text-decoration:none;font-weight:600}
.footer-bottom a:hover{color:#fff}
@media(max-width:900px){
  .footer-inner{grid-template-columns:1fr 1fr;gap:2rem}
}
@media(max-width:560px){
  .footer-inner{grid-template-columns:1fr;gap:1.75rem;padding:2.25rem 1.25rem 1.5rem}
  .footer-bottom{flex-direction:column;text-align:center;padding:1.25rem}
}