/* ═══════════════════════════════════════════════════════════════
   IA per la Scuola — piede.css
   VERSIONE: v1 — 23 agosto 2026

   Il piè di pagina, uno solo per tutto il sito.

   PERCHÉ UN FILE A PARTE
   Le regole stavano in stile-app.css, che però non lo caricano
   tutte le pagine: Giochi, Kit didattici, le lezioni per la LIM e
   alcune pagine legali hanno una grafica propria. Il risultato era
   che lo stesso piè di pagina si vedeva bene in venti pagine e
   scomposto in otto. Questo file lo caricano tutte, e basta.

   I colori sono scritti con un valore di riserva — var(--x, #hex) —
   perché le pagine con una tavolozza propria non dichiarano tutte
   le stesse variabili. Se la variabile c'è, vince quella; se manca,
   il piè di pagina si vede lo stesso invece di diventare nero su
   nero.
   ═══════════════════════════════════════════════════════════════ */

footer.sito{
  padding:48px 24px 40px;
  border-top:1px solid var(--line, #DCE8F5);
  text-align:center;
  margin-top:60px;
  font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background:#fff;
}
footer.sito a{text-decoration:none}

.foot-brand{
  font-weight:800;font-size:1.15rem;margin:0;
  color:var(--ink, #0F172A);letter-spacing:-.02em;
}
.foot-brand em{font-style:normal;color:var(--blue, #2563FF)}

/* ---------- il gruppo Facebook ----------
   Sta fra il nome e i collegamenti perché è un invito, non una voce
   di elenco: messo in fila con gli altri sparirebbe. Il colore è
   quello di Facebook, così si riconosce prima di leggerlo. */
.foot-fb{
  display:inline-flex;align-items:center;gap:9px;
  margin:16px 0 4px;padding:11px 22px;border-radius:999px;
  font-size:.9rem;font-weight:700;
  background:#1877F2;color:#fff;
  transition:transform .15s, background .15s;
}
.foot-fb:hover{background:#0F5FCC;color:#fff;transform:translateY(-2px)}
.foot-fb:focus-visible{outline:3px solid var(--ink, #0F172A);outline-offset:3px}

.foot-links{
  margin:14px 0 20px;display:flex;gap:20px;
  justify-content:center;flex-wrap:wrap;
}
.foot-links a{
  font-size:.9rem;font-weight:600;
  color:var(--ink-soft, #47566E);
}
.foot-links a:hover{color:var(--blue, #2563FF)}

.copy{font-size:.78rem;color:#647289;margin:0}

/* Sul telefono i quattordici collegamenti diventano una colonna
   lunghissima: stretti così restano leggibili senza occupare mezzo
   schermo. */
@media(max-width:620px){
  footer.sito{padding:36px 18px 30px;margin-top:44px}
  .foot-links{gap:10px 16px;margin:12px 0 16px}
  .foot-links a{font-size:.84rem}
}

/* In stampa il piè di pagina non serve: sul foglio di un PDP o di
   una scheda stampata sarebbe solo un elenco di collegamenti morti. */
@media print{
  footer.sito{display:none !important}
}

@media(prefers-reduced-motion:reduce){
  .foot-fb{transition:none}
}