/* solo il sottotitolo Contatti nel footer */
.footer-section .footer-subtitle:first-of-type {
  margin-top: 1rem; /* aumenta se vuoi più spazio */
}

/* Spazio SOLO tra "Tradizione e qualità" e "Contatti" */
.footer-section-tradizione-contatti .footer-subtitle {
  margin-top: 0.75rem; /* aumenta/diminuisci a gusto */
}

/* Da tablet in su: 3 colonne */
@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: 1.5fr 1.2fr 1fr;
  }
}

/* Rimuovi il <br> nel footer.js e aggiungi questo CSS */

/* Allineamento uniforme dei titoli nel footer */
.footer-section .footer-title {
  margin-top: 0;
  padding-top: 0;
}

.footer-section .footer-subtitle {
  margin-top: 0;
  padding-top: 0;
}

/* Spazio consistente tra sezioni */
.footer-section-tradizione-contatti .footer-subtitle {
  margin-top: 1.5rem; /* Spazio tra "Tradizione e qualità" e "Contatti" */
}

/* Assicura che tutti i titoli partano dalla stessa altezza */
.footer-grid > .footer-section {
  display: flex;
  flex-direction: column;
}

/* Alternativa: se vuoi mantenere il <br>, uniforma tutti */
.footer-section {
  padding-top: 1rem; /* Applica lo stesso padding a tutte le sezioni */
}

/* SOLUZIONE COMPLETA PER ALLINEAMENTO FOOTER */

/* Reset completo dei margini per tutti i titoli del footer */
.footer-section .footer-title,
.footer-section .footer-subtitle {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Allinea tutti i primi titoli delle sezioni alla stessa altezza */
.footer-section > .footer-subtitle:first-child,
.footer-section > .footer-title:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Spazio solo tra "Tradizione e qualità" e il sottotitolo "Contatti" */
.footer-section-tradizione-contatti .footer-subtitle {
  margin-top: 1.5rem !important;
}

/* Assicura che il layout sia consistente */
.footer-grid > .footer-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Rimuovi eventuali <br> visivi */
.footer-section > br:first-child {
  display: none;
}

/* Spazio tra icone social e scritta Legenda */
.social-links {
  margin-bottom: 1.5rem; /* aumenta/diminuisci a gusto */
}

/* Spazio tra icone social e titolo Legenda */
.social-links {
  margin-bottom: 1.5rem; /* aumenta se vuoi più spazio */
}

/* Allineamento verticale dei titoli nel footer */
.footer-grid {
  align-items: flex-start; /* già usato per allineare in alto le sezioni */
}

/* Forza Legenda a stare sulla stessa riga “di base” di Contatti */
.legenda-orari {
  margin-top: 0; /* azzera eventuali spazi extra */
}

/* Ogni colonna del footer è una colonna verticale */
.footer-grid .footer-section {
  display: flex;
  flex-direction: column;
}

/* Tutti i titoli allineati in alto, senza margini diversi */
.footer-section .footer-title,
.footer-section .footer-subtitle {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Spazio SOLO tra “Tradizione e qualità” e “Contatti” */
.footer-section-tradizione-contatti .footer-subtitle {
  margin-top: 1.5rem !important; /* regola quanto scende "Contatti" */
}

/* La colonna Legenda parte dall’alto come le altre */
.legenda-orari {
  margin-top: 0 !important;
}

/* Sposta Legenda un po' più in alto */
.legenda-orari {
  margin-top: -0.3rem !important; /* aumenta in negativo se la vuoi ancora più su */
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}

/* Da tablet in su: 3 colonne sulla stessa riga */
@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: 1.5fr 1.2fr 1fr; /* Tradizione, Orari, Contatti+Legenda */
    align-items: flex-start;
  }

  /* Ogni colonna è una colonna verticale */
  .footer-grid .footer-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /* Titoli allineati in alto */
  .footer-section .footer-title,
  .footer-section .footer-subtitle {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* Tutti i titoli allineati in alto */
.footer-section .footer-title,
.footer-section .footer-subtitle {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Spazio tra "Tradizione e qualità" e "Contatti" */
.footer-section-tradizione-contatti .footer-subtitle {
  margin-top: 1.5rem !important; /* spazio verticale dopo Tradizione e qualità */
}

/* Allinea "Contatti" con "Legenda" */
.legenda-orari {
  margin-top: 1.5rem !important; /* stesso offset di Contatti */
}