/* Riga legale del pie' di pagina — dati minimi dell'azienda.
 *
 * Un solo file per due mondi: le pagine pubbliche lo collegano nell'<head> (una riga
 * `<link ... assets/footer-legal.css?v=filemtime>`), l'area riservata lo collega in
 * `account/views/header.php`. I colori usano le variabili del sito con un valore di scorta, cosi' la
 * riga si legge anche dove la variabile non c'e'.
 *
 * Perche' e' cosi' bassa e spenta: e' un dato di legge, non una promozione. Deve esserci, leggersi e
 * non rubare l'occhio al resto del pie' di pagina. Il nome dell'azienda e' l'unica cosa piu' chiara,
 * perche' e' quello che si cerca ("di chi e' questo sito?").
 *
 * I dati si distinguono con lo **spazio**, non con un carattere separatore: un `·` in mezzo a un
 * indirizzo lo spezza in due e su uno schermo stretto finisce appeso in fondo alla riga.
 */

/* Il copyright sta **sulla riga del disclaimer**, in coda al suo testo (11/11/2026).
 *
 * Perche' cosi': da solo su una riga il copyright sembrava un elemento dimenticato, e il pie' di
 * pagina diventava piu' alto di una riga per una cosa che si legge una volta ogni tanto. Attaccato al
 * disclaimer sta dove uno lo cerca — in fondo al testo legale — e non e' mai una riga da solo.
 * `white-space: nowrap` perche' «© 2026 PitlineLab» non si deve spezzare in due righe: in una colonna
 * stretta succedeva, e la data finiva da sola sulla riga dopo. */
.footer-copyright {
  margin-left: 0.65em;
  white-space: nowrap;
  color: rgba(234, 242, 248, 0.72);
}

.footer-company {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 4px 16px;
  color: rgba(169, 184, 198, 0.62);
  font-size: 11.5px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  text-align: center;
}

.footer-company-item {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
}

.footer-company-name {
  color: var(--ice, #eaf2f8);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.footer-company-label {
  color: rgba(169, 184, 198, 0.42);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.footer-company-value {
  color: inherit;
}

.footer-company-item a {
  color: rgba(169, 184, 198, 0.82);
  text-decoration: none;
  border-bottom: 1px solid rgba(169, 184, 198, 0.22);
  padding-bottom: 1px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.footer-company-item a:hover {
  color: var(--ice, #eaf2f8);
  border-bottom-color: var(--ember-soft, #ff7a33);
}

/* Schermo stretto: un dato per riga — su una colonna i dati si incastrano e l'indirizzo diventa
   illeggibile. Il distacco fra i dati lo fa lo spazio, non un carattere separatore. */
@media (max-width: 640px) {
  .footer-company {
    gap: 2px 10px;
    font-size: 11px;
  }

  .footer-company-item {
    width: 100%;
  }
}