/* Pie' di pagina Chip-Tools — condiviso da tutte le pagine pubbliche.
   NON dipende dalle variabili della pagina che lo ospita: i colori sono scritti
   qui dentro, cosi' il pie' di pagina e' identico su Atlas (che usa --border,
   --muted, --text) e su AIR OBD / Chip Drop / Condizioni (che usano --bd, --mut,
   --tx). I selettori sono "footer.ctf" e non "footer" per vincere sulle regole
   footer{...} gia' presenti in quelle pagine.
   Cambiare il look del pie' di pagina = modificare SOLO questo file. */

footer.ctf{
  --ctf-bd:#2a2e36;      /* linea */
  --ctf-bd2:#23262d;     /* linea interna, piu' discreta */
  --ctf-tx:#e8e8ea;      /* testo pieno */
  --ctf-mut:#9aa0a8;     /* testo secondario — 6.4:1 su #1c1c1a */
  --ctf-dim:#8b9199;     /* note in fondo — 5.2:1 */
  --ctf-org:#ff8c1a;     /* accento */
  display:block;
  margin:64px 0 0;
  padding:0;
  border-top:1px solid var(--ctf-bd);
  background:none;
  color:var(--ctf-mut);
  font:400 13.5px/1.65 'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  text-align:left;
}
footer.ctf *{box-sizing:border-box}
.ctf-in{max-width:1120px;margin:0 auto;padding:30px 0 42px}
/* modificatore per le pagine dove il pie' di pagina sta fuori da un contenitore
   con padding proprio (Atlas home, a tutta larghezza) */
.ctf--wide .ctf-in{padding-left:20px;padding-right:20px}

.ctf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;gap:32px 52px;align-items:start}

/* identita': e' la prima cosa che guarda chi deve decidere se fidarsi */
.ctf-logo{display:block;height:22px;width:auto;opacity:.8;margin:0 0 14px}
.ctf-adr{font-style:normal;margin:0 0 12px;font-size:13px;line-height:1.62}
.ctf-rag{display:block;color:var(--ctf-tx);font-weight:600;font-size:14px;letter-spacing:.005em;margin-bottom:4px}
.ctf-num{color:var(--ctf-tx);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ctf-mail{color:var(--ctf-org);text-decoration:none;font-weight:500;word-break:break-word}
.ctf-mail:hover{text-decoration:underline}

/* colonne di link */
.ctf-h{color:var(--ctf-tx);font-weight:600;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 9px}
.ctf-col a{display:block;color:var(--ctf-mut);text-decoration:none;padding:5px 0;transition:color .12s ease-out}
.ctf-col a:hover{color:var(--ctf-tx)}
footer.ctf a:focus-visible{outline:2px solid var(--ctf-org);outline-offset:3px;border-radius:2px}

/* riga finale */
.ctf-bot{margin-top:30px;padding-top:16px;border-top:1px solid var(--ctf-bd2);
  display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:baseline}
.ctf-tm{margin:0;font-size:11.5px;line-height:1.6;color:var(--ctf-dim);max-width:64ch}
.ctf-cp{margin:0;font-size:11.5px;color:var(--ctf-dim);white-space:nowrap}
/* riga di build: solo su Atlas, dove serve sapere quale versione si sta usando */
.ctf-build{flex-basis:100%;margin:8px 0 0;font-size:11px;line-height:1.55;color:var(--ctf-dim);max-width:78ch}

@media(max-width:720px){
  footer.ctf{margin-top:48px}
  .ctf-in{padding:26px 0 34px}
  .ctf-grid{grid-template-columns:1fr 1fr;gap:26px 24px}
  .ctf-id{grid-column:1 / -1}
  .ctf-col a{padding:8px 0}          /* bersaglio tattile */
  .ctf-bot{gap:10px}
  .ctf-cp{white-space:normal}
}
@media(max-width:400px){
  .ctf-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .ctf-col a{transition:none}
}