/* ==========================================================================
   LICHTSCHWESTER — Ornament-Hintergrund (statisch)
   Ruhende Jugendstil-Ebene: Lichtschleier + gezeichnete Ranken/Bögen.
   Liegt fixiert über der Body-Hintergrundfarbe und unter dem Content.
   ========================================================================== */

/* Farbtokens (--lswn-*) kommen aus brand_tokens.css */

/* Negative z-index statt positiv: so landet die Ebene sicher HINTER dem
   normalen Seiteninhalt, ohne dass wir jedem Content-Wrapper im Parent-Theme
   nachträglich einen eigenen z-index geben müssten (Stacking-Order-Trick). */

/* Lichtschleier: warmes Oberlicht, unten ein Hauch Rosa */
.lswn-veil {
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
		radial-gradient(118% 74% at 50% -14%, rgba(255, 247, 235, .86) 0%, rgba(255, 247, 235, 0) 56%),
		radial-gradient(74% 50% at 86% 106%, rgba(229, 170, 179, .5) 0%, rgba(229, 170, 179, 0) 60%);
}

/* Ornament-Ebene: liegt über der Body-Farbe, unter dem Content */
.lswn-backdrop {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}
.lswn-backdrop svg {
	position: absolute;
	overflow: visible;
}
.lswn-backdrop path {
	fill: none;
	stroke: var(--lswn-gold);
	stroke-linecap: round;
	stroke-linejoin: round;
}
/* Knospen-Punkte der Ranke ausgeblendet (Nutzer-Vorgabe) — die Ranken-Linien
   selbst (die <path>-Elemente oben) bleiben davon unberührt sichtbar. */
.lswn-backdrop .bud {
	display: none;
}

/* Explizite Höhe statt aus der Breite abgeleitet: Viewport-Höhe (100%,
   der fixierte .lswn-backdrop entspricht immer genau dem Viewport) plus
   Sicherheitsmarge, die größer ist als der maximale Parallax-Weg
   (y:-280 / y:-440 in ornament_backdrop.js). So läuft die Ranke nie unten
   „aus", egal wie weit gescrollt oder wie klein der Bildschirm ist —
   preserveAspectRatio="slice" im Markup füllt die Fläche wie
   background-size:cover statt nur hineinzupassen. */
#ornL { left: -2vw; top: -6vh; width: 26vw; min-width: 230px; height: calc(100% + 600px); opacity: .34; }
#ornR { right: -3vw; top: 22vh; width: 23vw; min-width: 200px; height: calc(100% + 600px); opacity: .27; transform: scaleX(-1); }
#ornArc { left: 50%; top: 4vh; width: 82vw; transform: translateX(-50%); opacity: .19; }