/* ==========================================================================
   FONDOPRO — CONTATTI.CSS
   Pagina "Contatti": due colonne sobrie (Informazioni generali + Orari a
   sinistra, Telefono + Email + PEC a destra), nessuna mappa incorporata
   (scelta esplicita del cliente). Icone Bootstrap Icons già caricate nel
   sito, colore Blu Istituzionale per coerenza col resto delle pagine.
   ========================================================================== */

.fp-contatti {
  /* Sfondo (bianco + banda decorativa) gestito da .fp-content-texture,
     applicata direttamente a questa sezione nel markup. */
}

.fp-contatti__intro {
  font-size: var(--fs-h4);
  font-weight: var(--fw-medium);
  color: var(--color-text-secondary);
  max-width: 60ch;
  margin: 0 0 var(--space-7);
}

.fp-contatti__grid {
  display: grid;
  /* minmax(0, 1fr) e non 1fr: con 1fr la colonna non scendeva sotto la
     larghezza del contenuto più lungo e a 320px usciva dallo schermo. */
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-7);
}
@media (min-width: 768px) {
  .fp-contatti__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-7) var(--space-8);
  }
}

.fp-contatti__group {
  margin-bottom: var(--space-6);
}
.fp-contatti__group:last-child {
  margin-bottom: 0;
}

.fp-contatti__group-title {
  font-size: var(--fs-h4);
  color: var(--color-blue-primary);
  margin: 0 0 var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-gray-light);
}

.fp-contatti__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.fp-contatti__list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  color: var(--color-text-secondary);
}
.fp-contatti__list i {
  color: var(--color-blue-primary);
  margin-top: 0.2em;
  flex-shrink: 0;
}

.fp-contatti__link {
  /* Gli indirizzi email lunghi vanno a capo invece di uscire dallo
     schermo sugli smartphone stretti (320px, WCAG 1.4.10). */
  /* overflow-wrap: anywhere; */
  color: var(--color-blue-primary);
  font-weight: var(--fw-semibold);
  text-decoration: none;
}
.fp-contatti__link:hover,
.fp-contatti__link:focus-visible {
  text-decoration: underline;
}

.fp-contatti__phone-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  font-size: var(--fs-h4);
  font-weight: var(--fw-bold);
  color: var(--color-text-primary);
}
.fp-contatti__phone-row i {
  color: var(--color-blue-primary);
}

.fp-contatti__hours {
  margin: 0 0 var(--space-2);
  color: var(--color-text-secondary);
}
.fp-contatti__hours strong {
  color: var(--color-text-primary);
}

.fp-contatti__note {
  margin-top: var(--space-3);
  font-style: italic;
  color: var(--color-text-secondary);
  font-size: var(--fs-small);
}

/* Segnaposto per i dati non ancora forniti dal cliente (indirizzo,
   codice fiscale, numeri di albo/registro, telefono): mai inventati,
   stesso trattamento visivo già usato in footer.css per lo stesso scopo. */
.fp-contatti__placeholder {
  color: var(--color-text-secondary);
  font-style: italic;
}