/* legal.css — regole specifiche delle pagine legali (privacy, privacy-google, termini)
   Estratte da privacy.html. Dipende dalle variabili :root definite in common.css. */

.content-wrap { max-width: 880px; margin: 0 auto; padding: 0 20px; }

/* ===== Header pagina ===== */
.page-header {
    background: var(--gradient); color: var(--white);
    padding: calc(64px + 2.5rem) 0 3rem;
}
.page-header h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.75rem; }
.page-header p { font-size: 1.05rem; opacity: 0.95; max-width: 640px; }

/* ===== Meta box ===== */
.meta-box {
    background: var(--light-bg); border: 1px solid #eee;
    border-radius: var(--border-radius);
    padding: 1.25rem 1.5rem; margin: 2rem 0; font-size: 0.95rem;
}
.meta-box div { margin-bottom: 0.4rem; }
.meta-box div:last-child { margin-bottom: 0; }
.meta-box strong { color: var(--accent-color); }
.pending { color: var(--text-light); font-style: italic; }

/* ===== Contenuto ===== */
main { padding: 2.5rem 0 1rem; }
section.legal { margin-bottom: 2.5rem; }
section.legal h2 {
    font-size: 1.35rem; color: var(--secondary-color);
    margin-bottom: 1rem; padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--light-bg);
}
section.legal h3 { font-size: 1.05rem; color: var(--accent-color); margin: 1.25rem 0 0.5rem; }
section.legal p { margin-bottom: 1rem; }
section.legal ul { margin: 0 0 1rem 1.5rem; }
section.legal li { margin-bottom: 0.5rem; }
a { color: var(--secondary-color); }
code {
    background: var(--light-bg); padding: 2px 6px;
    border-radius: 4px; font-size: 0.9em;
}
.callout {
    background: #e8f7ef; border-left: 4px solid var(--primary-color);
    border-radius: 8px; padding: 1rem 1.25rem; margin: 1.25rem 0; font-size: 0.97rem;
}

/* ===== Media query — parte header pagina ===== */
@media (max-width: 768px) {
    .page-header h1 { font-size: 1.6rem; }
}