/* Hauptknopf (Buchen & Co.) im NXTL-Verlauf Tiefblau → Hellblau – seit 31.10.2026 abends ohne Lila (Torsten; vorher Variante C Lila → Hellblau).
 *
 * Eine Stelle für die ganze Website: Die Knöpfe behalten ihre bisherigen Regeln (Kit .btn-buchen,
 * Blöcke, Footer, Sidebar, nle-Plugins), hier wird nur das Verlaufsbild darübergelegt. Die Grundfarbe
 * #008FFF bleibt als background-color darunter (Rückfall, gleiche Farbe wie das Verlaufsende).
 * !important nötig, weil das Elementor-Kit (Post 15) .btn-buchen mit !important färbt.
 * Geladen in inc/bausteine.php; abschalten: NXTL_CTA_VERLAUF in wp-config.php auf false.
 * Buchungsstrecke (/booking/sandboxvr) und nxtl.at haben denselben Verlauf in ihren eigenen CSS-Dateien.
 */

:root {
	--nxtl-cta: linear-gradient(120deg, #0062c4 0%, #008fff 100%);
}

html body :is(
	a.btn-buchen,
	a.btn-buchen-drawer,
	a.btnbuchen,
	a.nxv-btn-buchen,
	a.nxb-btn--primary,
	a.nxf__btn--primary,
	a.nle-slide-btn--primary,
	button.nle-card__cta,
	a.nle-card__cta,
	button.nle-btn,
	a.nle-jobs-btn,
	.nxs .wp-block-button:not(.is-style-outline) > a.wp-block-button__link,
	a.btn.btn-primary:not(.btn-gutschein):not(.secondary)
) {
	background-image: var(--nxtl-cta) !important;
	background-size: 160% 100% !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	transition: background-position .3s ease, filter .15s ease, transform .15s ease;
}

html body :is(
	a.btn-buchen,
	a.btn-buchen-drawer,
	a.btnbuchen,
	a.nxv-btn-buchen,
	a.nxb-btn--primary,
	a.nxf__btn--primary,
	a.nle-slide-btn--primary,
	button.nle-card__cta,
	a.nle-card__cta,
	button.nle-btn,
	a.nle-jobs-btn,
	.nxs .wp-block-button:not(.is-style-outline) > a.wp-block-button__link,
	a.btn.btn-primary:not(.btn-gutschein):not(.secondary)
):is(:hover, :focus-visible) {
	background-position: 100% 0 !important;
	color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
	html body :is(a.btn-buchen, a.nxv-btn-buchen, a.nxb-btn--primary, a.nxf__btn--primary, button.nle-btn, button.nle-card__cta) { transition: none; }
}
