/*
 * Theme-Overrides – laden NACH design-system.css, um dessen !important-Regeln
 * gezielt zu vereinheitlichen.
 */

/* Einheitliches, komfortables Padding für ALLE Buttons (neon-btn) */
.neon-btn,
a.neon-btn,
.elementor-button.neon-btn {
	padding: 0.85rem 1.9rem !important;
	font-size: 0.82rem !important;
	line-height: 1.2 !important;
}

/* Größen-Varianten bleiben relativ dazu konsistent */
.neon-btn.is-sm,
.elementor-button.neon-btn.is-sm {
	padding: 0.6rem 1.4rem !important;
	font-size: 0.74rem !important;
}

.neon-btn.is-lg,
.elementor-button.neon-btn.is-lg {
	padding: 1.1rem 2.6rem !important;
	font-size: 0.92rem !important;
}

/* Block-Variante (mobile Navigation) */
.neon-btn.sb-btn--block {
	display: flex !important;
	width: 100%;
}

/*
 * Einheitliche Inhaltsbreite ALLER Theme-Widgets = Menübreite (--sb-wide),
 * zentriert mit seitlichem Gutter. So fluchten die Widgets mit dem Header,
 * egal wie breit der umgebende Elementor-Container ist.
 */
.elementor-widget-sb-glass-hero > .elementor-widget-container,
.elementor-widget-sb-glass-cards > .elementor-widget-container,
.elementor-widget-sb-section-header > .elementor-widget-container,
.elementor-widget-sb-glass-compare > .elementor-widget-container,
.elementor-widget-sb-glass-media-text > .elementor-widget-container,
.elementor-widget-sb-glass-image-box > .elementor-widget-container,
.elementor-widget-sb-glass-box > .elementor-widget-container,
.elementor-widget-sb-glass-divider > .elementor-widget-container {
	width: 100%;
	max-width: var(--sb-wide);
	margin-inline: auto;
	padding-inline: var(--sb-gutter);
	box-sizing: border-box;
}

/*
 * Performance/Mobile: Der animierte Ambient-Glow (body::before, blur 125px) ist
 * GPU-intensiv. Auf kleinen Screens Animation aus + geringerer Blur; bei
 * Bewegungsreduktion komplett ohne Animation.
 */
@media (max-width: 767px) {
	body::before {
		animation: none !important;
		filter: blur(80px) saturate(130%) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body::before {
		animation: none !important;
	}

	.text-gradient-animated {
		animation: none !important;
	}

	html {
		scroll-behavior: auto;
	}
}

