/* CENTRATO TOTALE: ogni pagina, ogni schermo. Foglio dedicato, caricato per ultimo. */
main, main *{text-align:center !important}
main img, main svg{margin-left:auto !important;margin-right:auto !important}
main .hw-btns, main .lgp-more, main .fh-form, main .mos, main .filters, main .pick-row{justify-content:center !important}
main .hw-text{margin-left:auto !important;margin-right:auto !important}
main .wrap{margin-left:auto !important;margin-right:auto !important}
main form{margin-left:auto !important;margin-right:auto !important}

@media(max-width:768px){
  .nav-mob, .nav-mob *{text-align:center !important}
  .nav-mob .nm-links{align-items:center !important}
  .nav-mob .nm-links a{width:100% !important}
  .nav-mob .nm-foot{display:flex !important;flex-direction:column !important;align-items:center !important}
  .nav-mob .nm-cta, .nav-mob select{margin-left:auto !important;margin-right:auto !important}
  .nav-mob .nm-soc-row{display:flex !important;justify-content:center !important}
  footer, footer *{text-align:center !important}
  footer > div > div{justify-content:center !important}
}

/* anche i contenitori: bottoni, righe flessibili, griglie */
main [style*="display:flex"]{justify-content:center !important}
main .btn, main .btn-solid{margin-left:auto;margin-right:auto}
main .mos{justify-content:center !important;justify-items:center !important}
main .filters, main .pick-row, main .hw-btns, main .lgp-more, main .fh-form{justify-content:center !important}
main .ab-intro > .wrap{flex-direction:column !important;align-items:center !important}
main .ab-face-img{margin:0 auto !important;display:block}
main table{margin-left:auto;margin-right:auto}

/* faq centrate come tutto il resto */
main .ab-faq, main .ab-faq *{text-align:center !important}
/* bottoni dell'hero e selettori: in mezzo, senza discussioni */
main .hw-btns{display:flex;justify-content:center !important;margin-left:auto !important;margin-right:auto !important}
main .hw-btns .btn{margin-left:auto;margin-right:auto}
.nav-mob select, .nm-sel{margin-left:auto !important;margin-right:auto !important;text-align:center}

/* la riga bandiera+lingua della parola del giorno: in mezzo */
main .wotd-flag-row{display:flex;justify-content:center !important;align-items:center}
main .wotd-in{margin-left:auto !important;margin-right:auto !important}

/* portati-la-parola e tutte-le-142: fianco a fianco */
main .wotd-acts{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:center !important;align-items:center;gap:14px}
main .wotd-acts > *{margin:0 !important;width:auto !important}
.draw-merch{display:flex !important;flex-wrap:wrap;gap:10px;align-items:stretch}
.draw-merch a{flex:1 1 45% !important;width:auto !important;display:inline-flex !important;align-items:center;justify-content:center;margin:0 !important}

/* method e liste: centratura vera */
main ul, main ol{list-style-position:inside;padding-left:0 !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
main li{text-align:center !important}
main .mt-cards, main .mt-grid{justify-content:center !important;justify-items:center !important}
main .mt-card, main .mt-t, main .mt-leg{margin-left:auto !important;margin-right:auto !important;text-align:center !important}
main .src, main figcaption{text-align:center !important}
main .curve, main .chart, main canvas{margin-left:auto !important;margin-right:auto !important;display:block}

/* pagine lingua: mattonelle e sezioni in asse */
main .mos{display:flex !important;flex-wrap:wrap;justify-content:center !important;align-items:stretch;gap:14px}
main .tile{text-align:center !important;align-items:center !important;display:flex !important;flex-direction:column;justify-content:center}
main .tile *{text-align:center !important}
main .lgp-chain, main .lgp-story, main .lgp-lead, main .lgp-more{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
main .sec-t, main .hw-kick, main .lgp-spk{text-align:center !important;display:block}

/* about: ritmo verticale uniforme */
main .ab-face-img{display:block;margin:2.4rem auto !important;float:none !important}
main .ab-intro > .wrap > *{margin-top:0;margin-bottom:1.4rem}
main .ab-mission{padding-top:2.4rem}
main .ab-mission p, main .ab-intro-t p{margin:0 auto 1.4rem !important;max-width:70ch}
main .ab-mission h2, main .ab-faq h2{margin:2.4rem auto 1.4rem !important}
main .ab-faq p{margin:0 auto 1.4rem !important;max-width:70ch}

/* FAQ: centrate davvero, il + torna accanto alla domanda */
main .ab-faq .faq{max-width:70ch;margin-left:auto !important;margin-right:auto !important}
main .ab-faq summary{display:flex !important;justify-content:center !important;align-items:center;gap:.6em;text-align:center !important}
main .ab-faq summary::after{position:static;margin-left:.2em}
main .ab-faq details p{max-width:64ch;margin:.9em auto 0 !important;text-align:center !important}
main .ab-faq details{text-align:center !important}
/* foto about: spazi giusti, niente voragini */
main .ab-face-img{margin:1.6rem auto !important}
main .ab-mission{padding-top:0 !important}
main .ab-mission .wrap{padding-top:1.6rem !important}

/* faq: righe della stessa larghezza, incolonnate */
main .ab-faq .faq{width:min(70ch,100%);margin-left:auto !important;margin-right:auto !important}
main .ab-faq details{width:100% !important;box-sizing:border-box}
main .ab-faq summary{width:100% !important}

/* FAQ AL CENTRO: regola di ultima istanza, batte tutto */
html body:not(#_):not(#__) main .ab-faq .wrap{margin-left:auto !important;margin-right:auto !important;display:block !important;text-align:center !important}
html body:not(#_):not(#__) main .ab-faq .faq{margin-left:auto !important;margin-right:auto !important;float:none !important;width:min(820px,92%) !important;max-width:820px !important}
html body:not(#_):not(#__) main .ab-faq details{margin-left:auto !important;margin-right:auto !important;width:100% !important}
html body:not(#_):not(#__) main .ab-faq summary{display:flex !important;justify-content:center !important;align-items:center !important;gap:.6em !important;text-align:center !important;padding-left:0 !important;padding-right:0 !important}
html body:not(#_):not(#__) main .ab-faq summary::after{flex:none !important;margin-left:.3em !important}
html body:not(#_):not(#__) main .ab-faq details p{margin-left:auto !important;margin-right:auto !important;text-align:center !important;max-width:64ch !important}
