/* Footer di sito unico e condiviso (static + Next). Colori HEX espliciti (light
   theme fisso) invece dei token: le pagine ridefiniscono alcune --var a scope
   diversi, che rompevano l'uniformita'. Selettori .footer .footer-* + !important
   per vincere in modo deterministico sugli stili inline. Un solo footer,
   identico ovunque tranne l'app.
   Palette: surface-2 #F0EDED · ink-500 #6E5A54 · ink-400 #6E6963 · terra-500 #9D3A24 · line #EAE3E0 */
.footer {
  background: #F0EDED; border-top: 1px solid #EAE3E0;
  padding: 28px 56px; display: flex; align-items: center; justify-content: space-between;
  gap: 20px; flex-wrap: wrap;
}
.footer .footer-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.footer .footer-mark { color: #9D3A24 !important; flex-shrink: 0; display: block; }
.footer .footer-word { font-family: var(--font-display), Georgia, serif; font-weight: 400; font-size: 18px;
  letter-spacing: 0.08em; color: #6E5A54 !important; line-height: 1; }
.footer .footer-word em { color: #9D3A24 !important; font-style: normal; }
.footer .footer-links { display: flex; gap: 24px; }
.footer .footer-link { font: 400 13px/1 var(--font-sans, system-ui); color: #6E6963 !important; text-decoration: none;
  transition: color 190ms cubic-bezier(0.25,1,0.5,1); }
.footer .footer-link:hover { color: #9D3A24 !important; }
.footer .footer-social { display: flex; align-items: center; gap: 6px; }
.footer .footer-social__link { display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; color: #6E6963 !important;
  transition: color 190ms cubic-bezier(0.25,1,0.5,1), transform 190ms cubic-bezier(0.25,1,0.5,1); }
/* Forza il fill dell'icona: alcune pagine hanno un fill inline che currentColor non batte. */
.footer .footer-social__link svg { fill: #6E6963 !important; }
.footer .footer-social__link:hover { color: #9D3A24 !important; transform: translateY(-2px); }
.footer .footer-social__link:hover svg { fill: #9D3A24 !important; }
.footer .footer-credit { font: 400 11px/1 var(--font-sans, system-ui); color: #6E6963 !important; letter-spacing: 0.02em; }
.footer .footer-credit em { color: #9D3A24 !important; font-style: normal; }
@media (max-width: 900px) {
  .footer { padding: 22px 24px; flex-direction: column; gap: 20px; text-align: center; }
  .footer .footer-links { justify-content: center; flex-wrap: wrap; gap: 16px; }
  .footer .footer-social { justify-content: center; }
}