/* ============================================================================
   v19-footer-legale.css — Frame Asset Management
   ----------------------------------------------------------------------------
   RIORDINO DELLA PARTE LEGALE DEL FOOTER

   Cosa cambia rispetto alla versione precedente
   - I collegamenti legali (Note legali, Privacy Policy, Cookie Policy) erano
     presenti due volte: nella quarta colonna e nella barra inferiore. Ora
     compaiono una sola volta, nella colonna "Informazioni legali".
   - Il testo in calce era un unico blocco che mescolava dati regolamentari e
     avvertenze sull'uso delle informazioni. Ora sono due paragrafi distinti,
     graficamente separati da una linea sottile.
   - La barra inferiore contiene copyright, marchio e il comando per rivedere
     le preferenze sui cookie (revoca del consenso), raggiungibile da ogni
     pagina senza passare dalla Cookie Policy.

   Questo foglio si limita a integrare style.css: nessuna regola sovrascrive
   colori o caratteri del tema.
   ========================================================================== */

/* ---------------------------------------------------------- blocco legale */
/* La griglia delle colonne ha gia' una linea di chiusura (border-bottom in
   style.css): qui non se ne aggiunge una seconda, che raddoppierebbe il segno
   a poche decine di pixel di distanza. */
.footer-legal{
  margin-top:34px;
}
.footer-legal .footer-reg{margin-top:0}
.footer-legal .footer-reg + .footer-reg{margin-top:12px}

/* I dati regolamentari sono l'informazione piu' verificabile del footer:
   restano leggermente piu' chiari delle avvertenze che li seguono. */
.footer-reg-auth{color:var(--gold-soft)}
.footer-reg-disclaimer{color:var(--soft-d)}

/* -------------------------------------------------------- colonne di voci */
/* css/v15-audit.css imposta .footer-col a{display:inline-flex} per ottenere
   un'area di tocco di 44 px, ma quella regola sovrascrive il display:block di
   style.css: i collegamenti tornano in linea e le colonne si leggono come
   frasi continue ("Chi siamo Team Cosa facciamo"). Qui si ripristina una voce
   per riga, mantenendo l'area di tocco dove serve, cioe' sui dispositivi con
   puntatore impreciso. Il badge Citywire e' escluso: e' un blocco a se'. */
.site-footer .footer-col a:not(.cert-badge){
  display:flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  min-height:0;
  margin-bottom:9px;
  line-height:1.6;
}
.site-footer .footer-col a:not(.cert-badge):last-child{margin-bottom:0}

/* Nella colonna Contatti l'indirizzo e' un paragrafo: stacca leggermente il
   primo collegamento che lo segue. */
.site-footer .footer-col > p + a:not(.cert-badge){margin-top:4px}

/* -------------------------------------------------------- colonna legale */
/* Le voci legali sono documenti, non pagine di navigazione: interlinea
   leggermente piu' ampia per distinguerle dai link di servizio. */
.footer-col-legal a{line-height:1.6}

/* --------------------------------------------------------- barra inferiore */
.footer-bottom .footer-copy{
  margin:0;
  color:var(--soft);
  font-size:.82rem;
  font-weight:300;
}
.footer-bottom .footer-consent{
  margin:0;
  justify-self:end;
  font-size:.8rem;
  letter-spacing:.06em;
}
.footer-bottom .consent-reset{
  color:var(--soft-d);
  text-decoration:none;
  border-bottom:1px solid var(--line-d2);
  padding-bottom:2px;
  transition:color .35s var(--ease),border-color .35s var(--ease);
}
.footer-bottom .consent-reset:hover{
  color:var(--gold-soft);
  border-bottom-color:var(--gold-soft);
}
/* Il pulsante e' l'unico comando del footer: l'anello di focus deve essere
   visibile anche su fondo scuro, come per i collegamenti (enhance.css). */
.site-footer .consent-reset:focus-visible{
  outline:2px solid var(--gold-soft);
  outline-offset:4px;
  border-radius:4px;
}

/* --------------------------------------------------------------- mobile */
/* Su schermo piccolo l'area di tocco torna a 40 px, come in v18, senza che le
   voci tornino in linea. */
@media(max-width:900px){
  .site-footer .footer-col a:not(.cert-badge){min-height:40px;margin-bottom:2px}
}
@media(pointer:coarse){
  .site-footer .footer-col a:not(.cert-badge){min-height:40px}
}

@media(max-width:760px){
  .footer-bottom{row-gap:18px}
  /* Il marchio apre la barra, poi il copyright e il comando cookie. */
  .footer-bottom .footer-center-logo{order:-1}
  .footer-bottom .footer-copy,
  .footer-bottom .footer-consent{justify-self:center;text-align:center}
  .footer-bottom .consent-reset{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:600px){
  .footer-legal{margin-top:24px;padding-top:22px}
}

/* ============================================================================
   NAVIGAZIONE FRA I DOCUMENTI LEGALI
   ----------------------------------------------------------------------------
   Note legali, Privacy Policy e Cookie Policy sono tre documenti distinti che
   si richiamano fra loro. La riga qui sotto compare sotto il titolo di ognuno
   e permette di passare da uno all'altro senza tornare al footer; il documento
   aperto e' marcato con aria-current="page".
   ========================================================================== */
.legal-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:0 0 30px;
  padding-bottom:22px;
  border-bottom:1px solid var(--line-d);
}
.legal-nav a{
  color:var(--soft-d);
  font-size:.84rem;
  letter-spacing:.06em;
  padding-bottom:3px;
  border-bottom:1px solid transparent;
  transition:color .35s var(--ease),border-color .35s var(--ease);
}
.legal-nav a:hover{color:var(--gold-soft)}
.legal-nav a[aria-current="page"]{
  color:var(--gold-soft);
  border-bottom-color:var(--gold-soft);
}
/* L'introduzione ha gia' una linea di chiusura: senza questa regola le due
   linee si sommerebbero sotto la navigazione. */
.legal-nav + .legal-intro{padding-top:0}

@media(max-width:600px){
  .legal-nav{gap:8px 18px;margin-bottom:24px;padding-bottom:18px}
  .legal-nav a{min-height:38px;display:inline-flex;align-items:center;font-size:.88rem}
}

/* ============================================================================
   BARRA LEGALE DELLA SCHERMATA DI ACCESSO (prodotti-accesso.html)
   ----------------------------------------------------------------------------
   La schermata di accesso all'area prodotti non ha il footer completo: e' una
   pagina di sola autenticazione. Restano pero' raggiungibili i tre documenti
   legali e il comando sulle preferenze cookie, come da ogni altra pagina.
   ========================================================================== */
.gate-footer{
  background:var(--ink);
  border-top:1px solid var(--line-d);
  padding:26px 0 calc(26px + env(safe-area-inset-bottom));
}
.gate-legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 26px;
}
.gate-legal a,
.gate-legal .consent-reset{
  color:var(--soft-d);
  font-size:.82rem;
  letter-spacing:.06em;
  transition:color .35s var(--ease);
}
.gate-legal a:hover,
.gate-legal .consent-reset:hover{color:var(--gold-soft)}
.gate-legal .consent-reset{text-decoration:none;border-bottom:1px solid var(--line-d2);padding-bottom:2px}
.gate-legal .consent-reset:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px;border-radius:4px}
.gate-copy{
  margin:14px 0 0;
  color:var(--soft);
  font-size:.78rem;
  font-weight:300;
}

@media(max-width:600px){
  .gate-footer{padding-top:22px}
  .gate-legal{gap:6px 18px}
  .gate-legal a,
  .gate-legal .consent-reset{min-height:38px;display:inline-flex;align-items:center;font-size:.86rem}
}

/* La schermata di accesso occupava l'intera altezza della finestra: con la
   barra legale in coda comparirebbe una barra di scorrimento per soli 100 px.
   Si sottrae quindi l'altezza della barra, riducendo lo spazio vuoto e non il
   contenuto. Il selettore :has e' gia' usato in restyle.css. */
body:has(.gate-footer) .access-page{min-height:calc(100vh - 96px - 108px)}
@media(max-width:600px){
  body:has(.gate-footer) .access-page{min-height:calc(100svh - 72px - 104px)}
}

/* Coerenza con la modalita' a contrasto elevato gia' prevista in v15-audit.css. */
@media (prefers-contrast:more){
  .gate-footer{background:#080807}
  .footer-reg-disclaimer,
  .footer-bottom .footer-copy,
  .footer-bottom .consent-reset,
  .legal-nav a,
  .gate-legal a,
  .gate-legal .consent-reset,
  .gate-copy{color:#ddd4c5}
}