/**
 * Domus Premium — Sprungleiste (Loop sprungleiste-01, 04.11.26).
 *
 * Nur unter 1024 px. Das Markup entsteht in `assets/js/domus-sprungleiste.js`, ab 1024 px gibt es keins.
 * Stapelreihenfolge: Griff 1040, Schleier 1090, Fenster 1095. Darüber bleiben untere Leiste (1150), Merkzettel-Vollbild
 * (1100), Kopf-Weiche (1200), Kontakt-Dialoge (9999+) und der Cookie-Banner. Pfeil nach oben 10010 liegt nie im Weg,
 * weil der Griff oberhalb von ihm endet.
 *
 * @package Domus_Premium
 */

@media (max-width: 1023px) {

	/* Huib 04.11.26 (E7): die Kapitelliste der Seitenleiste unter dem Artikel entfällt, die Sprungleiste übernimmt. */
	.domus-sl-gliederung { display: none !important; }

	/* ---- Griff am rechten Rand (E2, E3, E5) ---- */
	.domus-sprungleiste__griff {
		position: fixed;
		right: 0;
		top: 50%;
		z-index: 1040;
		width: 44px;
		height: 60px;
		margin: 0;
		padding: 0 0 0 2px;
		/* Ohne transform: Die Lage setzt das Skript über `top` (Oberkante). */
		transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--wp--preset--color--weiss);
		color: var(--wp--preset--color--gold-tief);
		border: 1px solid var(--wp--preset--color--gold);
		border-right: 0;
		border-radius: 12px 0 0 12px;
		box-shadow: -3px 3px 12px rgba(45, 45, 45, 0.16);
		font-size: 22px;
		line-height: 1;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: top 0.25s ease, width 0.35s ease, box-shadow 0.35s ease;
	}
	/* Die allgemeine Regel `button:hover` (style.css) hebt Knöpfe mit transform und eigenem Schatten an. Der Griff und das
	   Kreuz bleiben bei Maus und Finger ruhig stehen (Huib 04.11.26). */
	.domus-sprungleiste__griff:hover,
	.domus-sprungleiste__griff:active,
	.domus-sprungleiste__griff:focus {
		transform: none;
		box-shadow: -3px 3px 12px rgba(45, 45, 45, 0.16);
	}
	.domus-sprungleiste__griff.is-gross:hover,
	.domus-sprungleiste__griff.is-gross:active,
	.domus-sprungleiste__griff.is-gross:focus {
		box-shadow: -6px 6px 20px rgba(45, 45, 45, 0.2);
	}
	.domus-sprungleiste__zu:hover,
	.domus-sprungleiste__zu:active,
	.domus-sprungleiste__zu:focus {
		transform: none;
		box-shadow: none;
	}
	.domus-sprungleiste__griff:focus-visible {
		outline: 3px solid var(--wp--preset--color--gold);
		outline-offset: 2px;
	}
	.domus-sprungleiste__griff.is-gross {
		width: 60px;
		box-shadow: -6px 6px 20px rgba(45, 45, 45, 0.2);
	}

	/* ---- Hinweis beim ersten Besuch (E6, Variante B) ---- */
	.domus-sprungleiste__hinweis {
		position: fixed;
		right: 74px;
		top: 50%;
		z-index: 1040;
		/* Huib 04.11.26 nach dem Handytest: Hinweis deutlich größer (vorher 210 px breit, 15 px Schrift). */
		width: min(270px, calc(100vw - 90px));
		box-sizing: border-box;
		padding: 1rem 1.15rem;
		transform: translateY(-50%);
		background: var(--wp--preset--color--weiss);
		color: var(--wp--preset--color--dunkelgrau);
		border: 1px solid var(--wp--preset--color--gold);
		box-shadow: 0 8px 24px rgba(45, 45, 45, 0.16);
		font-size: 19px;
		line-height: 1.4;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.35s ease, visibility 0.35s ease;
	}
	.domus-sprungleiste__hinweis::after {
		content: "";
		position: absolute;
		right: -8px;
		top: 50%;
		width: 14px;
		height: 14px;
		background: var(--wp--preset--color--weiss);
		border-top: 1px solid var(--wp--preset--color--gold);
		border-right: 1px solid var(--wp--preset--color--gold);
		transform: translateY(-50%) rotate(45deg);
	}
	.domus-sprungleiste__hinweis.is-sichtbar {
		opacity: 1;
		visibility: visible;
	}

	/* ---- Fenster mit allen Kapiteln (E4) ---- */
	.domus-sprungleiste__schleier {
		position: fixed;
		inset: 0 0 var(--domus-mobilebar-h, 64px) 0;
		z-index: 1090;
		background: rgba(45, 45, 45, 0.35);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.domus-sprungleiste__schleier.is-offen { opacity: 1; }
	.domus-sprungleiste__schleier[hidden],
	.domus-sprungleiste__fenster[hidden] { display: none; }

	.domus-sprungleiste__fenster {
		position: fixed;
		top: env(safe-area-inset-top, 0px);
		right: 0;
		bottom: var(--domus-mobilebar-h, 64px);
		z-index: 1095;
		width: min(86vw, 340px);
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background: var(--wp--preset--color--warmweiss);
		border-left: 1px solid var(--wp--preset--color--gold);
		box-shadow: -8px 0 30px rgba(45, 45, 45, 0.16);
		transform: translateX(105%);
		transition: transform 0.32s ease;
	}
	.domus-sprungleiste__fenster.is-offen { transform: none; }

	/* Der Pfeil nach oben (z-index 10010) läge sonst über dem offenen Fenster. */
	body.domus-sprungleiste-offen .domus-pfeil-hoch { visibility: hidden; }

	.domus-sprungleiste__kopf {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
		padding: 0.75rem 0.5rem 0.6rem 1.25rem;
		border-bottom: 1px solid var(--wp--preset--color--akzent-linie);
	}
	.domus-sprungleiste__titel {
		margin: 0;
		font-family: var(--wp--preset--font-family--playfair);
		font-style: italic;
		font-weight: 400;
		font-size: 21px;
		color: var(--wp--preset--color--dunkelgrau);
	}
	.domus-sprungleiste__zu {
		flex: none;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		color: var(--wp--preset--color--dunkelgrau);
		font-size: 22px;
		cursor: pointer;
	}

	.domus-sprungleiste__liste,
	.domus-sprungleiste__unter {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.domus-sprungleiste__liste {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		padding: 0.35rem 0 1.25rem;
	}
	.domus-sprungleiste__link {
		display: block;
		min-height: 48px;
		box-sizing: border-box;
		padding: 0.8rem 1.1rem 0.8rem 1.05rem;
		border-left: 3px solid transparent;
		color: var(--wp--preset--color--dunkelgrau);
		font-size: 17px;
		line-height: 1.4;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	/* Unterpunkte (H3, E8): eingerückt, etwas kleiner, gleiche Tippfläche. */
	.domus-sprungleiste__unter .domus-sprungleiste__link {
		padding-left: calc(1.05rem + 1.25rem);
		font-size: 16px;
	}
	.domus-sprungleiste__link:active,
	.domus-sprungleiste__link[aria-current="location"] {
		color: var(--domus-hover-text, var(--wp--preset--color--gold-tief));
		background: var(--wp--preset--color--weiss);
	}
	.domus-sprungleiste__link[aria-current="location"] {
		border-left-color: var(--wp--preset--color--gold);
	}
	.domus-sprungleiste__zu:focus-visible,
	.domus-sprungleiste__link:focus-visible {
		outline: 3px solid var(--wp--preset--color--gold);
		outline-offset: -3px;
	}

	@media (hover: hover) {
		.domus-sprungleiste__link:hover {
			color: var(--domus-hover-text, var(--wp--preset--color--gold-tief));
			background: var(--wp--preset--color--weiss);
		}
	}
}

@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
	.domus-sprungleiste__griff,
	.domus-sprungleiste__hinweis,
	.domus-sprungleiste__schleier,
	.domus-sprungleiste__fenster { transition: none; }
}