#ld-focus-content img {
	border-radius: var(--clss-focus-image-radius, 8px);
}

#ld-focus-content p,
#ld-focus-content li {
	line-height: var(--clss-focus-line-height, 1.75);
}

#ld-focus-header {
	background: var(--clss-focus-header-bg, #ffffff);
	border-bottom: 1px solid var(--clss-focus-header-border, #e2e8f0);
	box-shadow: 0 2px 12px var(--clss-focus-header-shadow, rgba(0, 0, 0, 0.07));
	padding: 0 var(--clss-focus-header-padding, 1.5rem);
	height: var(--clss-focus-header-height, 58px);
	display: flex;
	align-items: center;
}

#ld-focus-header .ld-progress {
	flex: 1;
	max-width: var(--clss-focus-progress-width, 380px);
	margin: 0 2rem;
}

#ld-focus-header .ld-progress .ld-progress-percentage {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--clss-focus-progress-color, #007da3);
}

#ld-focus-header .ld-progress .ld-progress-steps {
	font-size: 0.72rem;
	color: var(--clss-focus-progress-steps, #64748b);
	font-weight: 500;
}

#ld-focus-header .ld-progress-bar {
	height: var(--clss-focus-progress-height, 6px) !important;
	background: var(--clss-focus-progress-track, #e2e8f0) !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	margin-top: 5px;
}

/* Progress bar fill — ensure visible even at very low percentages */
#ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
	background-color: var(--clss-focus-progress-fill, #007da3) !important;
	min-width: 4px !important;
	border-radius: 999px !important;
}

@media (prefers-reduced-motion: no-preference) {
	#ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
		transition: width 0.4s ease !important;
	}
}

/* ── Lesson status bar — dim parent breadcrumb only ── */
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments li:first-child a {
	font-size: 0.82rem !important;
	opacity: 0.6 !important;
}

/* ── Content area — reduce excessive top padding ── */
#ld-focus-content {
	padding-top: var(--clss-focus-content-top, 32px) !important;
}

.ld-course-navigation-heading {
	margin-top: var(--clss-focus-navigation-heading-gap, 8px);
}

.ld-lesson-section-heading {
	font-size: var(--clss-focus-lesson-heading-size, 16px) !important;
}

@media (max-width: 768px) {
	body.clss-focus-hide-mobile-actions .ld-focus-header .ld-content-actions {
		display: none;
	}
}