/* legal.css — pagine informative (privacy, cookie).
   Usa i token del tema (--space-*, --text-*, --dark-*): nessun colore fisso.
   Il sito non ha stili per il testo lungo: qui servono solo misura di riga,
   ritmo verticale e una tabella che scrolli sul telefono. */

.legal {
    padding-block: var(--space-3xl);
}

.legal__body {
    max-width: 46rem;
}

.legal__aggiornamento {
    margin-top: var(--space-xs);
    color: var(--dark-60);
    font-size: var(--text-s);
}

.legal__body h2 {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xs);
    font-family: var(--font-title);
    font-size: var(--text-l);
    font-weight: 700;
    line-height: 1.3;
}

.legal__body h3 {
    margin-top: var(--space-m);
    margin-bottom: var(--space-3xs);
    font-size: var(--text-m);
    font-weight: 700;
}

.legal__body p,
.legal__body li {
    font-size: var(--text-m);
    line-height: 1.7;
}

.legal__body p {
    margin-bottom: var(--space-xs);
}

.legal__body ul,
.legal__body ol {
    margin-bottom: var(--space-xs);
    padding-left: var(--space-m);
    list-style-position: outside;
}

.legal__body li {
    margin-bottom: var(--space-3xs);
}

.legal__body a {
    text-decoration: underline;
}

/* la tabella e' larga: su schermo stretto scrolla dentro il suo contenitore,
   non trascina la pagina */
.legal__table-wrap {
    max-width: 64rem;
    margin-bottom: var(--space-m);
    overflow-x: auto;
}

.legal__table {
    width: 100%;
    min-width: 40rem;
    border-collapse: collapse;
    font-size: var(--text-s);
}

.legal__table th,
.legal__table td {
    padding: var(--space-2xs);
    border-bottom: 1px solid var(--dark-10);
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
}

.legal__table th {
    font-weight: 700;
    white-space: nowrap;
}

.legal__nota {
    max-width: 46rem;
    margin-top: var(--space-xl);
    padding: var(--space-m);
    border-radius: var(--radius-m);
    background: var(--light);
    font-size: var(--text-s);
    line-height: 1.6;
}


/* ── Pagina Contatti ──────────────────────────────────────── */
.legal-page {
    padding-block: var(--space-3xl);
}

.legal-page__head {
    margin-bottom: var(--space-2xl);
}

.legal-block {
    margin-bottom: var(--space-xl);
}

.legal-block__title {
    font-family: var(--font-title);
    font-size: var(--text-l);
    font-weight: 700;
    margin-bottom: var(--space-s);
    padding-bottom: var(--space-2xs);
    border-bottom: 1px solid var(--dark-10);
}

.legal-block p {
    margin-bottom: var(--space-s);
    line-height: 1.6;
}

.legal-table {
    width: 100%;
    border-collapse: collapse;
}

.legal-table th,
.legal-table td {
    padding: var(--space-xs) 0;
    border-bottom: 1px solid var(--dark-10);
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
}

.legal-table th {
    font-weight: 700;
    white-space: nowrap;
    width: 12rem;
    padding-right: var(--space-m);
    color: var(--dark-60);
    font-size: var(--text-s);
}