/*
 * Praxiszentrum — Legal-Pages CSS (Impressum + Datenschutzerklärung)
 * 2026-05-08 (LL-066-Welle): Litvak-Vorlage adaptiert auf PXZ-Token-System.
 *
 * Selector-Namespace: .pxz-legal (auf body via has() oder via Page-ID-Class).
 * Aktiv über conditional enqueue in functions.php für Page-IDs:
 *   DE 4226, EN 4266, FR 4260, ES 4256, IT 10092, pt-PT 10155.
 *
 * Visuelle Vorlage: litvak-ortho.de
 *   - schmale Lesespalte (~ 720 px max)
 *   - ALL-CAPS H2 mit Letter-Spacing als Section-Anker
 *   - großzügige vertikale Rhythmik zwischen Sections
 *   - Akzentfarbe nur auf H2-Marker, sonst Ink-Tonalität
 *
 * Token-Quelle: tokens.css. Keine harten Werte.
 */

/* ----------------------------------------------------------------------------
 * Container — schmale Lesespalte für lineares Lesen
 * Override scope: nur innerhalb .pxz-standard-content auf Legal-Pages.
 * ------------------------------------------------------------------------- */
.pxz-legal .pxz-standard-content,
.pxz-legal .pxz-standard-body {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------------------------------------------
 * H2 als Section-Anker — ALL-CAPS, Letter-Spacing, Accent-Akzent
 * ------------------------------------------------------------------------- */
.pxz-legal .pxz-standard-content h2,
.pxz-legal .pxz-standard-body h2 {
  font-size: 0.875rem;          /* 14 px — bewusst klein, als Marker */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--pxz-c-accent);
  margin-top: var(--space-11);  /* 64 px Section-Spacing nach oben */
  margin-bottom: var(--space-5); /* 20 px zur ersten Zeile darunter */
  padding-bottom: var(--space-3); /* 12 px zur Trennlinie */
  border-bottom: 1px solid var(--pxz-c-line);
  line-height: 1.3;
}

/* Erstes H2 ohne extra Top-Spacing (folgt direkt auf Hero/Title) */
.pxz-legal .pxz-standard-content > h2:first-child,
.pxz-legal .pxz-standard-body > h2:first-child {
  margin-top: 0;
}

/* ----------------------------------------------------------------------------
 * Body-Typografie — komfortabel lesbar, keine Layout-Tricks
 * ------------------------------------------------------------------------- */
.pxz-legal .pxz-standard-content p,
.pxz-legal .pxz-standard-body p,
.pxz-legal .pxz-standard-content ul,
.pxz-legal .pxz-standard-body ul,
.pxz-legal .pxz-standard-content ol,
.pxz-legal .pxz-standard-body ol {
  font-size: 1rem;              /* 16 px */
  line-height: 1.7;
  color: var(--pxz-c-ink);
  margin-top: 0;
  margin-bottom: var(--space-5);
}

.pxz-legal .pxz-standard-content ul,
.pxz-legal .pxz-standard-body ul {
  padding-left: var(--space-6);
}

.pxz-legal .pxz-standard-content li + li,
.pxz-legal .pxz-standard-body li + li {
  margin-top: var(--space-2);
}

/* ----------------------------------------------------------------------------
 * Strong-Inline — als kleiner Sub-Marker innerhalb eines Blocks
 * ------------------------------------------------------------------------- */
.pxz-legal .pxz-standard-content strong,
.pxz-legal .pxz-standard-body strong {
  font-weight: 700;
  color: var(--pxz-c-ink);
}

/* ----------------------------------------------------------------------------
 * Links — dezent, mit Hover-Akzent
 * ------------------------------------------------------------------------- */
.pxz-legal .pxz-standard-content a,
.pxz-legal .pxz-standard-body a {
  color: var(--pxz-c-accent);
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}

.pxz-legal .pxz-standard-content a:hover,
.pxz-legal .pxz-standard-body a:hover {
  color: var(--pxz-c-accent-hover);
  text-decoration-thickness: 2px;
}

/* ----------------------------------------------------------------------------
 * Stand-Hinweis (em am Ende) — subtle, kursiv
 * ------------------------------------------------------------------------- */
.pxz-legal .pxz-standard-content em,
.pxz-legal .pxz-standard-body em {
  color: var(--pxz-c-ink-muted);
  font-style: italic;
}

.pxz-legal .pxz-standard-content > p:last-child em,
.pxz-legal .pxz-standard-body > p:last-child em {
  display: block;
  margin-top: var(--space-9);
  padding-top: var(--space-5);
  border-top: 1px solid var(--pxz-c-line);
  font-size: 0.875rem;
}

/* ----------------------------------------------------------------------------
 * Mobile-Adaption — H2 etwas kleiner, geringere Section-Spacing
 * ------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .pxz-legal .pxz-standard-content,
  .pxz-legal .pxz-standard-body {
    padding-left: var(--pxz-space-container-x-mobile);
    padding-right: var(--pxz-space-container-x-mobile);
  }
  .pxz-legal .pxz-standard-content h2,
  .pxz-legal .pxz-standard-body h2 {
    margin-top: var(--space-9);
    letter-spacing: 0.12em;
  }
}