/*
 * Figma-Grundlage für die übernommenen Elementor-Seiten (Stufe 1 des Designabgleichs).
 * Werte aus packages/design-tokens/mmind.css; Herleitung in
 * docs/design-abgleich-2026-10-27/aenderungsliste.md (P1.2 Typografie, P1.6 Ränder).
 * Wird in Base.astro nach design-review.css geladen.
 */

/* Typografie: Elementor-Variablen waren fluid (clamp), Figma kennt feste Stufen.
   Sektionstitel sind in allen Seiten-Frames 48/26 px, deshalb zeigen
   heading-h2 und heading-h3 auf dieselbe Stufe. */
:root {
  --head-h1: var(--mm-h1);
  --head-h2: var(--mm-h3);
  --head-h3: var(--mm-h3);
  --body-b1: var(--mm-b1);
  --body-b2: var(--mm-b2);
  --body-b3: var(--mm-b3);
  --body-b4: var(--mm-b4);
  --body-b5: var(--mm-b5);
  --body-b6: var(--mm-b6);
  --line-height: var(--mm-lh-tight);
}

/* Sektionstitel haben in Figma immer 48/26 px. Einzelne Elementor-Elemente
   setzten lokal --body-b1 (32 px); die Titelklasse gewinnt. */
.mmind-reviewed #content :is(h2, h3):is(.heading-h2, .heading-h3) { font-size: var(--mm-h3); line-height: var(--mm-lh-tight); }

.mmind-reviewed #content :is(.body-b1, .body-b2, .body-b3) { line-height: var(--mm-lh-tight); }
.mmind-reviewed #content :is(.body-b4, .body-b5, .body-b6) { line-height: var(--mm-lh-text); }

/* Seitenrand: Der seitenweite Wrapper (Elementor-Vorlage 191) brachte 10 px,
   jede Sektion 20 px dazu. Figma: 48 / 32 / 20 px ab Fensterrand. */
.mmind-reviewed #content .elementor-element-48f777f { padding-left: 0; padding-right: 0; }
.mmind-reviewed #content .elementor-widget-theme-post-content > .elementor > .e-con {
  padding-left: var(--mm-margin-x);
  padding-right: var(--mm-margin-x);
}
.mmind-reviewed #content .elementor-widget-theme-post-content > .elementor > .e-con > .e-con-inner {
  max-width: var(--mm-content);
}

/* Kurs- und Eventseiten (Gerüst src/templates/kurs.html, Elementor-Vorlage 2166):
   Sektionen liegen direkt unter der Vorlage, ohne den seitenweiten Wrapper. */
.mmind-reviewed #content .elementor-2166 > .e-con {
  padding-left: var(--mm-margin-x);
  padding-right: var(--mm-margin-x);
}
.mmind-reviewed #content .elementor-2166 > .e-con > .e-con-inner { max-width: var(--mm-content); }