/* ============================================================
   E-Stile Roma — legal.css
   Pagine informative (privacy, cookie policy)
   ============================================================ */

.legal-page {
  padding-block: clamp(96px, 12vh, 180px) var(--section-gap);
}
.legal {
  max-width: 74ch;
  margin-inline: auto;
}
.legal__eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--muted);
}
.legal__title {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.015em;
  margin-top: var(--s3);
}
.legal__updated {
  color: var(--muted);
  font-size: 0.85rem;
  margin-top: var(--s3);
}
.legal__lead {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-top: var(--s5);
}

.legal h2 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(1.4rem, 3vw, 2rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-top: var(--s6);
  margin-bottom: var(--s3);
}
.legal h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-top: var(--s4);
  margin-bottom: var(--s2);
}
.legal p { margin-bottom: var(--s3); line-height: 1.65; }
.legal ul { margin: 0 0 var(--s3) var(--s4); }
.legal ul li { list-style: disc; margin-bottom: var(--s2); line-height: 1.6; }
.legal a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--accent);
}
.legal a:hover { color: var(--accent); }
.legal strong { font-weight: 600; }

.legal__note {
  margin-top: var(--s6);
  padding: var(--s4);
  border: 1px solid var(--hair);
  border-left: 3px solid var(--accent2);
  border-radius: var(--r-input);
  background: var(--surface);
  font-size: 0.88rem;
  color: var(--muted);
}

/* Tabella cookie */
.legal__table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--s3) 0 var(--s4);
  font-size: 0.88rem;
}
.legal__table th,
.legal__table td {
  text-align: left;
  padding: var(--s3);
  border-bottom: 1px solid var(--hair);
  vertical-align: top;
}
.legal__table th {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
}
.legal__table-wrap { overflow-x: auto; }

.legal__placeholder {
  background: rgba(230, 51, 41, 0.1);
  color: var(--accent);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 0.9em;
  font-weight: 600;
}