/* ============================================================
   FOOTER Matchora — grid a colonne con bottom bar
   ============================================================ */
.m-footer {
  background: var(--m-surface);
  border-top: 1px solid var(--m-border);
  padding: var(--m-10) 0 var(--m-6);
  color: var(--m-text-mute);
  font-size: 13px;
  margin-top: auto;
}
.m-footer__grid {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: var(--m-8);
  margin-bottom: var(--m-8);
}
.m-footer h5 {
  font-family: var(--m-font-sans);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--m-text);
  margin: 0 0 var(--m-3);
}
.m-footer ul { list-style: none; margin: 0; padding: 0; }
.m-footer li + li { margin-top: var(--m-2); }
.m-footer a { color: var(--m-text-soft); text-decoration: none; }
.m-footer a:hover { color: var(--m-primary-600); }

.m-footer__brand-block { display: flex; flex-direction: column; gap: var(--m-3); }
.m-footer__brand-block p { font-size: 13px; max-width: 36ch; margin: 0; color: var(--m-text-mute); }

.m-footer__bottom {
  border-top: 1px solid var(--m-border);
  padding-top: var(--m-5);
  display: flex; justify-content: space-between; flex-wrap: wrap;
  gap: var(--m-3);
}

@media (max-width: 960px) {
  .m-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--m-6); }
}
@media (max-width: 720px) {
  /* su telefono: il marchio sopra, i link in due colonne (pagina più corta) */
  .m-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--m-5) var(--m-4); }
  .m-footer__brand-block { grid-column: 1 / -1; }
}
@media (max-width: 340px) {
  .m-footer__grid { grid-template-columns: 1fr; }
}