/*
 * JoNa Digital Solutions – Divi-Content-Width-Angleichung (JDS-6)
 * ===========================================================================
 * Problem (JDS-5 offen): Divi 5 rendert seine Row-/Containerbreite über eigene
 * CSS-Variablen:
 *
 *   :root { --content-width: 80%; --content-max-width: 1080px;
 *           --row-gutter-horizontal: 5.5%; --module-gutter: 30px; ... }
 *
 * Dadurch fluchten Divi-Rows nicht mit dem JDS-Container
 * (.jds-container: width 100% / max-width var(--jds-content-width) /
 * padding-inline var(--jds-gutter)) von Header, Hero und Footer.
 *
 * Lösung (Priorität 1/2: Divi-eigene, stabile Variablen – KEIN Core-Patch,
 * KEINE !important-Kaskade, KEIN blindes Überschreiben aller Rows):
 * Die horizontalen Divi-Variablen werden auf die JDS-Design-Tokens gesetzt.
 * Divi bleibt vollständig bearbeitbar; nur die Geometrie folgt dem Designsystem.
 *
 * Vertikale Divi-Werte (--section-padding, --row-gutter-vertical,
 * --section-gutter) bleiben bewusst unverändert (nicht Teil des
 * Breiten-Problems).
 *
 * Definition auf `body` (nicht `:root`): so gewinnen die Werte für alle
 * Inhalte im Body unabhängig von der Reihenfolge der Divi-Stylesheets.
 *
 * Ergebnis: Divi-Row = width 100% / max-width 1200px / margin auto,
 * Spalten-Gutter = var(--jds-gutter) – identische Achse zu .jds-container.
 *
 * Version: 0.5.0
 */

body {
	/* Divi-Row: volle Breite bis zur JDS-Hauptbreite (1200px), zentriert. */
	--content-width: 100%;
	--content-max-width: var(--jds-content-width);

	/* Spalten-/Modul-Gutter auf den JDS-Gutter (16/24/32px). */
	--row-gutter-horizontal: var(--jds-gutter);
	--module-gutter: var(--jds-gutter);
}

/* Sicherheitsnetz: Falls eine Divi-Version die Variablen nur auf :root
 * definiert und Body-Vererbung nicht greift, greift dieselbe Definition
 * zusätzlich auf :root (gleiche Werte, keine Kaskaden-Wirkung). */
:root {
	--content-width: 100%;
	--content-max-width: var(--jds-content-width);
	--row-gutter-horizontal: var(--jds-gutter);
	--module-gutter: var(--jds-gutter);
}

/* JDS-Sektionen (Renderer-Shortcodes) nutzen .jds-container und neutralisieren
 * die Divi-Row-Geometrie ohnehin über :has(). Hier nur der Hinweis, dass JDS
 * keinen eigenen Container pro Sektion definiert. */
.jds-container {
	max-width: var(--jds-content-width);
	margin-inline: auto;
	padding-inline: var(--jds-gutter);
}