/*
 * Sektionen über die volle Breite – für das Template „Simple Seite".
 *
 * Warum diese Datei existiert:
 * Die „Simple Seite" rendert `core/post-content` im Flow-Layout; der Inhalt
 * ist dadurch auf die Content-Size (700px) begrenzt. `alignfull` und
 * `alignwide` haben in einem Flow-Kontext keine Wirkung – Sektionen können
 * also nicht aus der Spalte ausbrechen.
 *
 * Lösung: Blöcke erhalten zusätzlich die Klasse `.lrb-bleed` (volle
 * Viewport-Breite) bzw. `.lrb-wide` (Wide-Size, 1080px). Beides wirkt nur auf
 * direkte Kinder des Beitragsinhalts; die Textbreite im Rest der Seite bleibt
 * unverändert (700px). Innerhalb der Sektionen gilt wieder das normale
 * Layout-Attribut der Gruppe.
 *
 * Wird in `functions.php` im Frontend und im Editor geladen.
 */

.wp-block-post-content.is-layout-flow > .lrb-bleed {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/*
 * `100vw` enthält bei klassischen Scrollbars deren Breite – ohne Clip
 * entstünde ein minimaler horizontaler Scrollbereich. `clip` (statt `hidden`)
 * legt keinen Scroll-Container an, `position: sticky` funktioniert weiter.
 */
html {
	overflow-x: clip;
}

.wp-block-post-content.is-layout-flow > .lrb-wide {
	--lrb-wide-size: min(1080px, calc(100vw - 3rem));
	width: var(--lrb-wide-size);
	max-width: none;
	margin-left: calc(50% - (var(--lrb-wide-size) * 0.5));
	margin-right: calc(50% - (var(--lrb-wide-size) * 0.5));
}

/*
 * Im Editor-Canvas gibt es kein `.wp-block-post-content`; dort ist der
 * Wurzelcontainer `.is-root-container`. Die Sektionen sollen auch im Editor
 * die volle Canvas-Breite zeigen.
 */
.editor-styles-wrapper .is-root-container > .lrb-bleed,
.editor-styles-wrapper .is-root-container > .lrb-wide {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}