/* il piede nuovo FUORI dalle pagine nuove (negozio, carrello, cassa, account, legali, archivi: tema henrik + Elementor).
   Lì ful.css non c'è, e caricarlo intero toccherebbe body, link e paragrafi di tutta la pagina: qui si prende solo ciò
   che serve a piede.css, chiuso dentro .fv. I gettoni sono gli stessi di ful.css › :root (se cambiano là, cambiano qui).
   E si spengono i vestiti di henrik che entrerebbero nel piede (titoli, elenchi, campi, bottoni) — 02/11/2026 */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../../fonts/inter-latin.woff2) format('woff2')}
.fv{
  --ink:#141414; --notte:#110F0D; --carta:#fff;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --testo:clamp(1rem,.96rem + .2vw,1.09rem);
  --gronda:clamp(20px,3vw,52px); --max:1556px;
  --wrap:min(100% - var(--gronda)*2, var(--max));
  --curva:cubic-bezier(.22,1,.30,1);
  font-family:var(--font);font-size:var(--testo);line-height:1.5;letter-spacing:normal;text-transform:none;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;clear:both
}
/* ⚠️ tutte con :where(): pesano quanto UNA classe, quindi battono i tag di henrik (h2, ul, img…) ma PERDONO contro
   piede.css, che arriva dopo. Senza, «.fv img» e «.fv .wrap» scavalcavano il logo dell'agenzia e i margini delle fasce */
.fv,.fv :where(*,*::before,*::after){box-sizing:border-box}
.fv :where(.wrap){width:var(--wrap);margin-inline:auto}
.fv :where(img){max-width:100%;display:block;height:auto}
.fv :where(a){color:inherit;text-decoration:none;box-shadow:none}
.fv :where(p){margin:0}
.fv :where(h2,h3){font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;margin:0}
.fv :where(ul){margin:0;padding:0;list-style:none}
.fv :where(li){margin:0;padding:0}
.fv :where(li)::before{content:none}
.fv :where(input,button){font-family:var(--font);border-radius:0;box-shadow:none;margin:0}
/* henrik dà un margine sotto ogni campo (input[type=email] pesa più di :where): sul piede degli articoli è zero */
.fv .fv__riga input{margin:0}
/* sulle pagine di henrik il footer non scorre sopra un banner: l'ombra in cima disegnava una fascia grigia sul fondo chiaro */
body .fv{box-shadow:none}

/* ── LE PAGINE DI HENRIK CON LO STESSO MARGINE DELLA TESTATA (02/11/2026, «non voglio trovare altre cose che non vanno») ──
   Questo foglio si carica solo sulle pagine del tema vecchio, quindi è il posto giusto anche per i loro margini.
   · account, privacy, carrello, cassa: la colonna di henrik dava 15px fissi, la testata clamp(20px,3vw,52px) */
body.page-template-default:not(.elementor-page) #qodef-page-content .qodef-page-content-section{
  padding-inline:clamp(20px,3vw,52px);max-width:1660px;margin-inline:auto;box-sizing:border-box}
/*   le pagine di solo testo (privacy, legali): righe da leggere, ⛔ da bordo a bordo */
body.page-template-default:not(.elementor-page):not(.woocommerce-page) #qodef-page-content .qodef-page-content-section > *{max-width:72ch}
/*   l'accesso all'account: due campi, ⛔ larghi tutto lo schermo */
body.woocommerce-account:not(.logged-in) #qodef-page-content .woocommerce{max-width:520px}
/* · la scheda dei prodotti che non sono un numero (abbonamento, gadget): il modello Elementor 30203 andava da bordo a bordo;
     la colonna ha già 10px suoi, quindi al contenitore va la gronda meno 10 */
body.single-product .elementor-30203 > .elementor-top-section > .elementor-container{
  padding-inline:calc(clamp(20px,3vw,52px) - 10px);box-sizing:border-box}