/* Éléments communs à toutes les pages NovIA Apps : pied de page.
   Les couleurs et polices viennent des variables :root définies dans chaque page
   (--bg, --border, --accent, --text2, --text3, --font-d, --font-b). */

footer.site-footer{
  border-top:1px solid var(--border);
  padding:48px 0 36px;
  margin-top:0;
  text-align:left;
  font-family:var(--font-b);
  font-size:14px;
  line-height:1.6;
  background:transparent;
  color:var(--text2);
}
.site-footer .sf-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.site-footer .sf-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px 40px}
@media(max-width:860px){.site-footer .sf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.site-footer .sf-grid{grid-template-columns:1fr}}
.site-footer .sf-brand .brand{display:inline-block;font-family:var(--font-d);font-size:24px;font-weight:400;letter-spacing:.04em;color:var(--text);margin-bottom:10px;text-decoration:none}
.site-footer .sf-brand .brand b{color:var(--accent);font-weight:500}
.site-footer .sf-brand p{color:var(--text3);font-size:14px;max-width:320px;margin:0}
.site-footer h5{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin:0 0 14px;font-weight:600}
.site-footer .sf-col a{display:block;color:var(--text2);font-size:14px;margin-bottom:8px;text-decoration:none;border:0;transition:color .2s}
.site-footer .sf-col a:hover{color:var(--accent)}
.site-footer .sf-legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:13px;color:var(--text3)}
.site-footer .sf-legal a{color:var(--text3);text-decoration:none;border:0;transition:color .2s}
.site-footer .sf-legal a:hover{color:var(--accent)}