/* ============================================================
   Footer compatto. Telefono: marchio, link del sito, dati legali
   in piccolo, poi Privacy · Cookie con i social a destra (~270 px).
   Computer: marchio | link | social, e sotto la riga legale.
   ============================================================ */
.pie{background:var(--ink);color:rgba(255,255,255,.7);font-size:.9375rem;padding-block:24px 12px}
.pie a{color:inherit;text-decoration:none}
.pie a:hover,.pie a:focus-visible{color:#fff}
.pie-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "nav nav" "leg leg" "pc soc";align-items:center}
.pie .brand{grid-area:brand;min-height:44px;justify-self:start}
.pie .brand-t strong{color:#fff}
.pie .brand-t span{color:rgba(255,255,255,.62)}

/* link del sito: vanno a capo da soli, senza separatori a inizio riga */
.pie-nav{grid-area:nav;display:flex;flex-wrap:wrap;gap:0 18px;margin:4px 0 0;padding:0;list-style:none}
.pie-nav a{display:inline-flex;align-items:center;min-height:44px}

/* social: icone affiancate, bersagli da 44 px */
.pie-soc{grid-area:soc;display:flex;margin:0;padding:0;list-style:none;justify-self:end}
.pie-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:rgba(255,255,255,.75);transition:background .2s,color .2s}
.pie-soc a:hover,.pie-soc a:focus-visible{background:rgba(255,255,255,.1);color:#fff}
.pie-soc svg{width:20px;height:20px;fill:currentColor}

/* dati legali in piccolo; Privacy e Cookie accanto ai social */
.pie-leg{grid-area:leg;margin:8px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:.75rem;line-height:1.5;color:rgba(255,255,255,.55)}
.pie-leg span{display:block}
.pie-pc{grid-area:pc;margin:0;display:flex;align-items:center;gap:0 .5em;font-size:.8125rem}
.pie-pc a{display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.72)}
.pie-pc .sep{color:rgba(255,255,255,.3)}

/* telefono e tablet: spazio per la barra contatti fissa, niente di più */
@media (max-width:980px){.pie{padding-bottom:calc(12px + 68px + env(safe-area-inset-bottom))}}

/* computer: due righe a tutta larghezza */
@media (min-width:981px){
  .pie{padding-top:20px}
  .pie-in{grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand nav nav soc" "leg leg pc pc";column-gap:28px}
  .pie-nav{margin:0;justify-content:center}
  .pie-in::before{content:"";grid-column:1/-1;grid-row:2;align-self:start;margin-top:12px;border-top:1px solid rgba(255,255,255,.14)}
  .pie-leg{margin-top:12px;padding-top:4px;border-top:0;align-self:center;font-size:.8125rem}
  .pie-leg span{display:inline}
  .pie-leg span+span::before{content:" · "}
  .pie-pc{margin-top:12px;padding-top:4px;justify-self:end}
}
@media (min-width:981px){.pie{padding-bottom:12px}}