/* FOOTER (extrait de l’ancien main.css) */
.site-footer{background:var(--footer-bg); color:var(--footer-text); margin-top:48px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:28px;padding:40px 0;border-bottom:1px solid var(--footer-border)}
.f-brand{font-weight:800;letter-spacing:.18em;margin-bottom:10px}
.f-text{color:var(--footer-muted);max-width:38ch;margin:0 0 12px}
.f-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--footer-border);border-radius:8px;color:var(--footer-text)}
.f-title{font-weight:700;margin-bottom:10px}
.f-links{list-style:none;margin:0;padding:0}
.f-links li{margin:8px 0}
.f-links a{color:var(--footer-text);text-decoration:none;opacity:.9}
.f-links a:hover{opacity:1}
.f-contact{list-style:none;margin:0;padding:0}
.f-contact li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--footer-text)}
/* Contact: garder la même couleur et pas de soulignement */
.f-contact a{
  color: inherit;            /* même couleur que le texte de .f-contact li */
  text-decoration: none;     /* pas de soulignement */
  opacity: .9;               /* aligné sur .f-links */
}
.f-contact a:hover{
  opacity: 1;                /* hover léger, sans soulignement */
  text-decoration: none;
}
.f-contact a:visited,
.f-contact a:active,
.f-contact a:focus{
  color: inherit;            /* pas de violet/bleu visités */
  text-decoration: none;
  outline: none;             /* (optionnel) si tu gères le focus autrement */
}

.footer-bottom{border-top:1px solid var(--footer-border);padding:16px 0;color:var(--footer-muted);font-size:14px}

@media (max-width: 900px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 580px){
  .footer-grid{grid-template-columns:1fr}
}