/*
 * Kapitel-Navigation [lat_kapitel_navigation] – Grundgestaltung.
 * Farben und Schrift erben vom Theme; in Elementor über die Klassen
 * .lat-kapitel-nav__… überschreibbar.
 */
.lat-kapitel-nav__kapitel {
	margin: 0 0 .5em;
	font-weight: 600;
}

.lat-kapitel-nav__details {
	border: 1px solid currentColor;
	border-color: color-mix(in srgb, currentColor 25%, transparent);
	border-radius: 6px;
}

.lat-kapitel-nav__summary {
	display: flex;
	align-items: center;
	gap: .5em;
	padding: .6em .9em;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.lat-kapitel-nav__summary::-webkit-details-marker {
	display: none;
}

/* Pfeil: zeigt nach rechts, aufgeklappt nach unten. */
.lat-kapitel-nav__summary::before {
	content: "";
	flex: none;
	width: .45em;
	height: .45em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	transition: transform .15s ease;
}

.lat-kapitel-nav__details[open] > .lat-kapitel-nav__summary::before {
	transform: rotate(45deg);
}

.lat-kapitel-nav__summary:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.lat-kapitel-nav__zaehler {
	margin-left: auto;
	font-size: .85em;
	opacity: .7;
	font-variant-numeric: tabular-nums;
}

.lat-kapitel-nav__liste {
	margin: 0;
	padding: .2em .9em .8em 2.2em;
}

.lat-kapitel-nav__eintrag {
	margin: .25em 0;
}

.lat-kapitel-nav__eintrag.is-current {
	font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
	.lat-kapitel-nav__summary::before {
		transition: none;
	}
}