/**
 * legal.css — Stili condivisi per le pagine legali e la modale Privacy Policy
 *
 * Usato da:
 *   - frontend/privacy-policy.html (pagina standalone)
 *   - frontend/cookie-policy.html  (pagina standalone)
 *   - frontend/termini-servizio.html (pagina standalone)
 *   - frontend/index.html (modale inline — x-html inietta .legal-page content)
 *
 * Aggiunto in LEGAL-1 (2026-04-04)
 */

.legal-page {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--space-8) var(--space-6);
}

.legal-page h1 {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  margin-bottom: var(--space-2);
  color: var(--color-text-primary);
}

.legal-page .subtitle {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-8);
  font-size: var(--font-size-sm);
}

.legal-page h2 {
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
  color: var(--color-text-primary);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-border);
}

.legal-page h3 {
  font-size: var(--font-size-base);
  font-weight: 600;
  margin-top: var(--space-5);
  margin-bottom: var(--space-2);
  color: var(--color-text-primary);
}

.legal-page p,
.legal-page li {
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--space-3);
}

.legal-page ul {
  padding-left: var(--space-6);
  margin-bottom: var(--space-3);
}

.legal-page table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--space-5);
  font-size: var(--font-size-sm);
}

.legal-page table th,
.legal-page table td {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  text-align: left;
  color: var(--color-text-secondary);
}

.legal-page table th {
  background: var(--color-bg-secondary);
  font-weight: 600;
  color: var(--color-text-primary);
}

.legal-page .placeholder {
  background: #fffbeb;
  border: 1px solid #f59e0b;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: var(--font-size-sm);
  color: #92400e;
}

/* Cookie policy badges */
.badge {
  display: inline-block;
  border-radius: var(--radius-sm);
  padding: 2px var(--space-2);
  font-size: var(--font-size-xs);
  font-weight: 500;
}
.badge-green { background: #d1fae5; color: #065f46; }
.badge-blue  { background: #dbeafe; color: #1e40af; }

/* Cookie policy info box */
.info-box {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-6);
}
.info-box p { margin-bottom: 0; }

/* Link "Torna al login" (visibile solo sulle pagine standalone, nascosto nella modale) */
.back-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary);
  text-decoration: none;
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-6);
}
.back-link:hover { text-decoration: underline; }

/* Badge versione documento */
.version-badge {
  display: inline-block;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: var(--space-1) var(--space-2);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin-left: var(--space-2);
}