/* Pagine legali (privacy.html, cookie-policy.html): riusano il template servizio (servizio.css:
   hero su carta, sezioni, footer nero, menu overlay) con qualche regola in più per il testo lungo
   a colonna singola — niente immagine di copertina né sidebar, indice in testa, tabelle cookie. */

/* hero a colonna singola: la griglia a due colonne di .svcHero servirebbe solo per l'immagine */
.svcHero.legalHero{grid-template-columns:1fr;min-height:52vh}
.legalHero .svcLead{max-width:720px}

/* corpo: colonna unica, un po' più larga della .svcCol standard per il testo normativo */
.legalLayout{padding:0 6vw}
.legalLayout .svcCol{max-width:760px}
.legalLayout .svcSection{padding:6vh 0}
.legalLayout .svcSection+.svcSection{padding-top:1vh}

/* indice */
.legalToc{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 24px;margin-top:10px}
.legalToc li{font-family:var(--mono);font-size:13px;line-height:1.5}
.legalToc a{color:rgba(20,20,18,.7);text-decoration:none;border-bottom:1px solid rgba(20,20,18,.18);transition:color .2s,border-color .2s}
.legalToc a:hover{color:var(--red);border-color:var(--red)}
.legalToc .n{color:var(--red);margin-right:8px}

/* testo */
.legalMeta{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(20,20,18,.5);margin-top:14px}
.svcCol h2.legalH2{scroll-margin-top:90px;font-size:clamp(26px,3.2vw,44px)}
.svcCol h3.legalH3{margin-top:3vh}
.svcCol p a,.svcList li a,.legalTable a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(20,20,18,.3);transition:color .2s,border-color .2s}
.svcCol p a:hover,.svcList li a:hover,.legalTable a:hover{color:var(--red);border-color:var(--red)}
.svcCol p code,.legalTable code{font-family:var(--mono);font-size:.92em;background:rgba(20,20,18,.06);padding:1px 5px}
.svcCol .svcList{margin-bottom:22px}
.legalAddress{font-family:var(--mono);font-size:clamp(14px,1.05vw,16px);line-height:1.75;color:rgba(20,20,18,.85);
  border-left:3px solid var(--red);padding:14px 22px;margin:6px 0 22px;font-style:normal}

/* tabelle cookie */
.legalTableWrap{overflow-x:auto;margin:6px 0 26px;-webkit-overflow-scrolling:touch}
.legalTable{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px;line-height:1.55;min-width:640px}
.legalTable th,.legalTable td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid rgba(20,20,18,.14)}
.legalTable th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:500;border-bottom:2px solid rgba(20,20,18,.3)}
.legalTable td:first-child{white-space:nowrap}

/* pulsante "preferenze cookie" nel corpo della cookie policy */
.legalBtn{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:#fff;cursor:pointer;border:none;
  font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:14px 22px;margin:4px 0 22px;
  transition:background .25s}
.legalBtn:hover{background:#c41d15}
.legalBtn span{color:#fff}

@media (max-width:820px){
  .legalLayout{padding:0 8vw}
  .legalTable{font-size:12px}
}
