/* mtr-km-deps: basis */
/*
 * Seitenwirkungen der Karriereseite (Seiteneinstellungen "MTR Karriere").
 * Tageslicht-Verlauf: Body-Klasse mtr-tageslicht. Die Ebene .mtr-daylight
 * setzt assets/js/seite.js ein und stellt die drei Verlaufsfarben
 * (--mtr-sky-a/b/c am body) beim Scrollen in kleinen Schritten neu ein.
 * Sanftes Einblenden: Body-Klasse mtr-einblenden, html.mtr-js setzt das Skript.
 */

body.mtr-tageslicht .mtr-daylight {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(170deg, var(--mtr-sky-a, #F4F7FA) 0%, var(--mtr-sky-b, #FFFFFF) 55%, var(--mtr-sky-c, #FFFFFF) 100%);
}

html.mtr-js body.mtr-einblenden .mtr-rise {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .75s cubic-bezier(.22, .61, .36, 1), transform .75s cubic-bezier(.22, .61, .36, 1);
}

html.mtr-js body.mtr-einblenden .mtr-rise.is-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html.mtr-js body.mtr-einblenden .mtr-rise {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Ziel eines Sprunglinks: bekommt vom Skript den Fokus, damit die Tastatur dort
   weitermacht. Ein Rahmen um den ganzen Abschnitt wäre dabei nur störend. */
body.mtr-einblenden [data-mtr-sprungziel]:focus {
	outline: none;
}

/* Bearbeitungsansicht in Elementor: alle Abschnitte sichtbar halten. */
body.elementor-editor-active .mtr-rise {
	opacity: 1;
	transform: none;
}