/*
* Footer — dall'originale index.html r.1659–1722.
*
* In questo file: tutto l'aspetto.
* Markup in templates/footer.php, controlli in includes/widgets/class-footer.php.
* Nessun .js.
*
* ⚠️ Nell'originale esistono DUE varianti del footer: una chiara (le regole
* base, r.231–258, con testi grigi su bianco) e una scura, che si ottiene
* avvolgendo tutto in `.adea-footer-ref-body` (r.259–270, fondo #0a2540 e
* testi chiari). La home usa la SCURA. Qui le regole sono già scritte nella
* variante scura, senza il doppio livello: la variante chiara non è usata da
* nessuna parte e portarla sarebbe codice morto.
*
* ⚠️ `.adea-footer-ref-shell{padding:0 24px}` a ≤960 (r.373) è CODICE MORTO:
* `.sect{padding-left:20px!important}` vince per via dell'!important.
* Misurato a 900: 20px, non 24px. Anche `.adea-footer-ref-top` (r.235–241) non
* riguarda la home, che non ha quel blocco.
*
* Cascata MISURATA sull'originale (1440/1024/900/700/560/375):
*
* >1040 1024–1040 621–960 ≤620
* shell pad 0 40px 0 40px 0 20px 0 20px
* griglia 1.28 .9 .9 1.08 g42 2 colonne 2 col g28 1 colonna
* padding main 56/0/34 56/0/34 28/0 28/0
* h4 20px 20px 20px 18px
* link colonna 17px 17px 17px 16px
* contatti span 17px 17px 17px 16px
* riga finale pad 22/0/28, gap 26 idem idem 18/0/24, gap 18
*
* Indice: contenitore · griglia · marchio · social · colonne · contatti ·
* riga finale · breakpoint
*/
/* ---------- contenitore ---------- */
.adea-footer{
scroll-margin-top:80px;
background:var(--adea-footer-bg,var(--adea-blu-footer,#0a2540));
color:#e7edf3;
font-family:var(--adea-font-testo,'Source Sans 3',system-ui,sans-serif);
line-height:normal; /* il Kit impone 1.5; l'originale eredita normal dal body */
}
.adea-footer-shell{max-width:var(--adea-footer-maxw,1240px);margin:0 auto;padding:0 var(--adea-footer-pad-x,40px)}
/* ---------- griglia ---------- */
.adea-footer-main{
display:grid;
grid-template-columns:var(--adea-footer-cols,1.28fr .9fr .9fr 1.08fr);
gap:var(--adea-footer-gap,42px);
padding:var(--adea-footer-main-pad,56px 0 34px);
border-bottom:1px solid rgba(255,255,255,.12);
}
/* ---------- marchio ---------- */
.adea-footer-logo{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px}
/* ⚠️ selettore discendente con due classi: `.elementor img` è (0,1,1) (§13).
`display:block` va dichiarato: l'originale lo prende dalla regola globale
`img{display:block}`, che un widget non può avere. */
.adea-footer-logo .adea-footer-logo-img{
display:block;height:var(--adea-footer-logo-h,58px);width:auto;
filter:var(--adea-footer-logo-filter,brightness(0) invert(1));
}
.adea-footer-brand p{
font-size:17px;line-height:1.56;color:rgba(255,255,255,.68);margin:0 0 22px;max-width:360px;
}
/* ---------- social ---------- */
.adea-footer-socials{display:flex;gap:12px}
.adea-footer-socials a{
width:42px;height:42px;border-radius:50%;
border:1px solid rgba(255,255,255,.26);color:#fff;
display:flex;align-items:center;justify-content:center;text-decoration:none;
transition:background .2s ease,color .2s ease,border-color .2s ease,transform .18s ease;
}
.adea-footer-socials a:hover,.adea-footer-socials a:focus-visible{
background:var(--adea-verde,#42AD59);color:#fff;border-color:var(--adea-verde,#42AD59);
transform:translateY(-2px);
}
/* ---------- colonne di link ---------- */
.adea-footer-col h4{
font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
font-size:var(--adea-footer-h4,20px);line-height:1.2;color:#fff;margin:0 0 18px;
}
.adea-footer-col a{
display:block;font-size:var(--adea-footer-link,17px);line-height:1.55;
color:rgba(255,255,255,.72);margin:0 0 10px;cursor:pointer;text-decoration:none;
transition:color .18s ease,transform .18s ease;
}
.adea-footer-col a:hover,.adea-footer-col a:focus-visible{color:#58c877;transform:translateX(3px)}
/* ---------- contatti ---------- */
.adea-footer-contact div{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}
.adea-footer-contact strong{
font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;font-size:18px;color:#fff;
}
.adea-footer-contact span{font-size:var(--adea-footer-link,17px);line-height:1.55;color:rgba(255,255,255,.72)}
/* ---------- riga finale ---------- */
.adea-footer-bottom{
display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
padding:var(--adea-footer-bottom-pad,22px 0 28px);
font-size:14px;color:rgba(255,255,255,.55);
}
.adea-footer-bottom-links{display:flex;gap:var(--adea-footer-bottom-gap,26px)}
.adea-footer-bottom-links a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .18s ease}
.adea-footer-bottom-links a:hover,.adea-footer-bottom-links a:focus-visible{color:#58c877}
/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:1040px){
.adea-footer-main{--adea-footer-cols:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
/* `.sect` dell'originale: sotto 960 il margine laterale è 20px.
(r.373 dice 24px, ma perde contro l'!important di `.sect`: codice morto.) */
.adea-footer-shell{--adea-footer-pad-x:20px}
.adea-footer-main{--adea-footer-gap:28px;--adea-footer-main-pad:28px 0}
}
@media(max-width:620px){
.adea-footer-main{--adea-footer-cols:1fr}
.adea-footer-col h4{--adea-footer-h4:18px}
.adea-footer-col a,.adea-footer-contact span{--adea-footer-link:16px}
.adea-footer-bottom{--adea-footer-bottom-pad:18px 0 24px}
.adea-footer-bottom-links{--adea-footer-bottom-gap:18px}
}