/* ============================================================
   legal.css — GymBI by Statvo
   PURPOSE: Styles for the Terms of Service and Privacy Policy
   modal documents — headings, body text, lists, metadata.
   ============================================================ */

/* ------------------------------------------------------------
   LEGAL DOCUMENT CONTAINER
   ------------------------------------------------------------ */
.legal-doc {
  font-size: var(--text-sm);
  line-height: 1.8;
  color: var(--text-secondary);
}

.legal-doc h2 {
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--text-primary);
  margin: var(--sp-6) 0 var(--sp-3);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--glass-border);
}

.legal-doc h3 {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--text-primary);
  margin: var(--sp-4) 0 var(--sp-2);
}

.legal-doc p {
  margin-bottom: var(--sp-3);
}

.legal-doc ul {
  padding-left: var(--sp-6);
  list-style: disc;
  margin-bottom: var(--sp-3);
}

.legal-doc ul li {
  margin-bottom: var(--sp-2);
}

.legal-doc strong {
  color: var(--text-primary);
  font-weight: 600;
}

/* Metadata line (last updated, contact) */
.legal-meta {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: var(--sp-1) !important;
}

/* First h2 shouldn't have top margin */
.legal-doc h2:first-of-type {
  margin-top: var(--sp-5);
}