/*
  Footer del sito: UN solo posto, usato da home, portfolio/collezioni, scheda stampa e contatti.
  Il contenuto (testo e link) lo crea site-footer.js dai dati dell'admin (sezione "Footer").
  Servono le variabili --mute e --line nella pagina.
*/
#foot { padding:18px 6vw; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; font-family:var(--sans); font-size:13px; line-height:1.5; color:var(--mute); border-top:1px solid var(--line); }
#foot a:hover { color:#fff; }
#foot .foot-links { display:flex; flex-wrap:wrap; gap:8px 24px; }
/* logo del "Powered by": sempre bianco (qualunque colore abbia il file), sulla stessa riga del testo */
#foot .foot-pw { white-space:nowrap; }
#foot .foot-powered { opacity:.85; transition:opacity .3s; }
#foot .foot-powered:hover { opacity:1; }
#foot .foot-logo { display:inline-block; width:auto; vertical-align:middle; margin-top:-.2em; filter:brightness(0) invert(1); }
.tone-light #foot .foot-logo { filter:brightness(0); }   /* su fondo chiaro il bianco sparirebbe: nero */
#foot:empty { display:none; }
.tone-light#foot, .tone-light #foot { color:#55504a; border-color:#0000001a; }
.tone-light #foot a:hover { color:#000; }
/* il footer compare insieme all'header, quando la pagina e' disegnata: niente salti */
html:not(.nav-ready) #foot { visibility:hidden; }