/* =============================================================================
   LF Immobiliare - Footer dei template canvas
   -----------------------------------------------------------------------------
   Creato il 2026-09-01 per dare un footer alle pagine del valutatore, che ne
   erano prive: da /valutatore/ e /en/valutatore/ non si raggiungeva la cookie
   policy.

   Le regole sono copiate DA home.css (righe 255-266 e la media query a 920px),
   perche' il footer deve essere identico su tutte le pagine.

   ATTENZIONE, debito da chiudere: le stesse regole esistono oggi in tre posti.
     1. assets/lf/css/home.css   -> home IT e EN
     2. style.css del tema figlio -> pagine del tema (legali, 404)
     3. questo file               -> pagine del valutatore
   Se si ritocca l'aspetto del footer va aggiornato in tutti e tre. Il passo
   successivo, quando ci sara' tempo, e' far caricare QUESTO file anche alla home
   e alle pagine tema e togliere le altre due copie: allora resta un posto solo.
   Il markup, invece, e' gia' unico: template-parts/footer-lf.php via
   lf_get_footer($en).
   ============================================================================= */

.wrap{max-width:var(--lf-container);margin:0 auto;padding:0 var(--lf-space-5);}

footer{background:var(--lf-slate);color:#bcd2d6;font-size:14px;padding:54px 0 26px;}
.ft-top{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;}
.ft-logo{height:64px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);} /* logo scuro -> bianco */
.ft-top a{color:#8fdada;text-decoration:none;}
.ft-top a:hover{text-decoration:underline;}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
           border-top:1px solid rgba(255,255,255,.16);margin-top:38px;padding-top:22px;
           font-size:13px;color:#9fc2c2;}
.ft-legal{display:flex;gap:18px;}
.ft-legal a{color:#dfe9ec;text-decoration:none;padding:8px 4px;display:inline-block;} /* area di tocco su mobile */
.ft-legal a:hover{color:#8fdada;text-decoration:underline;}

@media(max-width:920px){
  .wrap{padding:0 22px;}
  .ft-bottom{justify-content:center;text-align:center;}
}