/*
 * LearnDash Navigatie — les-/lesdeelnavigatie op course/lesson/topic-pagina's.
 * Geen JS nodig: uit/inklappen loopt via native <details>/<summary>.
 */

.ldnav {
	--ldnav-border: #e0e0e0;
	--ldnav-text: #23282d;
	--ldnav-muted: #6b7280;
	--ldnav-accent: #2271b1;
	--ldnav-done: #582234;
	--ldnav-current-bg: #eef4fb;

	font-size: 17px;
	line-height: 1.4;
	color: var(--ldnav-text);
}

.ldnav__course {
	margin: 0 0 0.75em;
	font-weight: 600;
}

.ldnav__course-link {
	color: var(--ldnav-text);
	text-decoration: none;
}

.ldnav__course-link:hover {
	color: var(--ldnav-accent);
}

.ldnav__lessons,
.ldnav__topics {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ldnav__lesson {
	border-top: 1px solid var(--ldnav-border);
}

.ldnav__lesson:first-child {
	border-top: none;
}

.ldnav__row,
.ldnav__summary {
	display: flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.6em 0.2em;
	cursor: pointer;
}

.ldnav__row--flat {
	cursor: default;
}

.ldnav__summary {
	list-style: none;
}

.ldnav__summary::-webkit-details-marker {
	display: none;
}

.ldnav__summary::before {
	content: "";
	flex: none;
	width: 0.5em;
	height: 0.5em;
	border-right: 2px solid var(--ldnav-muted);
	border-bottom: 2px solid var(--ldnav-muted);
	transform: rotate(-45deg);
	transition: transform 0.15s ease;
}

.ldnav__details[open] > .ldnav__summary::before {
	transform: rotate(45deg);
}

.ldnav__status {
	flex: none;
	width: 1.1em;
	height: 1.1em;
	border-radius: 50%;
	border: 2px solid var(--ldnav-border);
	position: relative;
}

.ldnav__status--done {
	border-color: var(--ldnav-done);
	background: var(--ldnav-done);
}

.ldnav__status--done::after {
	content: "";
	position: absolute;
	left: 0.28em;
	top: 0.16em;
	width: 0.32em;
	height: 0.55em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(40deg);
}

.ldnav__label {
	flex: 1 1 auto;
	min-width: 0;
}

.ldnav__label a {
	color: var(--ldnav-text);
	text-decoration: none;
}

.ldnav__label a:hover {
	color: var(--ldnav-accent);
	text-decoration: underline;
}

.ldnav__lesson--current > .ldnav__row,
.ldnav__lesson--current > .ldnav__details > .ldnav__summary,
.ldnav__topic--current {
	background: var(--ldnav-current-bg);
	border-radius: 4px;
}

.ldnav__lesson--current > .ldnav__row .ldnav__label,
.ldnav__lesson--current > .ldnav__details > .ldnav__summary .ldnav__label,
.ldnav__topic--current .ldnav__label {
	font-weight: 600;
}

.ldnav__topics {
	padding-left: 1.7em;
}

.ldnav__topic {
	display: flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.45em 0.2em;
}

.ldnav__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}