/* sw-rollout-fixes.css — gebuendelte Korrekturen fuer den 80er-Canvas-Rollout.
 * Wird als LETZTES geladen -> gewinnt bei Spezifitaets-Gleichstand. Eigene Datei,
 * damit es nicht mit sw-layout.css (Parallel-Session) kollidiert.
 */

/* Mobile-Menue auch auf Seiten mit <nav>-Navbar (kein <header>) sichtbar machen.
 * sw-mobilenav.css zeigte das Menue nur via header.sw-menu-open; 9 Portale haben
 * aber eine <nav>-Navbar -> Burger da, Menue oeffnete nicht. Klassenbasiert greift
 * fuer header UND nav. */
@media (max-width: 1023px) {
	.sw-menu-open .sw-mobile-menu {
		display: block;
	}
	.sw-menu-open .sw-burger span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	.sw-menu-open .sw-burger span:nth-child(2) {
		opacity: 0;
	}
	.sw-menu-open .sw-burger span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}
}

/* Kontrast in dunklen bg-primary-Sektionen ("Klare Abgrenzung": Listen "Was wir
 * nicht sind / sind"). Die Items verloren ihre text-primary-foreground-Farbe und
 * wurden dunkelgrau auf dunkelblau (gemessen Kontrast 1.10 = unlesbar). bg-primary
 * ist im Lovable-Template durchgaengig die dunkle Markenfarbe -> Text hell erzwingen
 * (Original-Intention). [class~="bg-primary"] = EXAKT die Klasse (nicht bg-primary/10
 * o.ae.); Buttons/Badges mit eigenem bg bleiben unberuehrt. */
.sw-canvas-body [class~="bg-primary"] li:not([class*="bg-"]),
.sw-canvas-body [class~="bg-primary"] li:not([class*="bg-"]) span {
	color: rgba(255, 255, 255, 0.85);
}

/* Anker-Sprung-Absicherung bei fixer/sticky Navbar: ohne scroll-padding landet das
 * Ziel beim Menue-Klick am Viewport-Top = unter der Navbar. ~90px Freiraum lassen.
 * Harmlos auf Seiten, deren Sektionen ohnehin genug Eigen-Abstand haben. */
html {
	scroll-padding-top: 90px;
}

/* Hero-Overlap (z.B. affiliate): In core/cover-Heroes ist die Lovable-Textbox oft
 * absolute positioniert (Original: position:absolute; top:50%) -> das kollidiert mit
 * der Flex-Zentrierung des Covers, der Text rutscht hoch HINTER die sticky Navbar
 * (gemessen h1 bei -145px). Loesung: die absolute Box IM Cover normal fliessen lassen
 * -> das Cover zentriert sie vertikal, der Navbar-Overlap ist weg, Links-Ausrichtung
 * bleibt (gemessen h1 -145 -> 230). Nur Boxen IM cover__inner-container (= Hero-Text),
 * dekorative absolute Elemente ausserhalb bleiben unberuehrt. */
.sw-canvas-body .wp-block-cover__inner-container [class~="absolute"] {
	position: static !important;
	transform: none !important;
	top: auto !important;
	left: auto !important;
}