/**
 * ACF course page – small adjustments on top of the LearnPress/EduBlink styles.
 */

/* Curriculum items are display-only (no lesson pages). */
.lp-course-curriculum .course-item__link {
	cursor: default;
}

/* Features tab – plain checklist, no box. */
.learninghub-course-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.learninghub-course-features li {
	position: relative;
	margin: 0 0 12px;
	padding-left: 28px;
	list-style: none;
}
.learninghub-course-features li:last-child {
	margin-bottom: 0;
}
.learninghub-course-features li::before {
	position: absolute;
	left: 0;
	top: 0;
	color: var(--edublink-color-primary, #1ab69d);
	font-family: "lp-icon";
	content: "\f00c";
}
/* Instructor tab – link to the instructor page. */
.learninghub-instructor-profile-link {
	margin-top: 25px;
}

/* Curriculum sections as accordions: title + chevron, description in the panel. */
.lp-course-curriculum .course-section .course-section-header {
	align-items: center;
	cursor: pointer;
}
.lp-course-curriculum .course-section .section-toggle {
	flex-shrink: 0;
	margin-left: auto;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--edublink-color-white, #fff);
	transition: background .3s;
}
.lp-course-curriculum .learninghub-chevron {
	display: block;
	width: 9px;
	height: 9px;
	margin-bottom: -4px;
	border-right: 2px solid var(--edublink-color-heading);
	border-bottom: 2px solid var(--edublink-color-heading);
	transform: rotate(225deg);
	transition: transform .3s, border-color .3s, margin .3s;
}
.lp-course-curriculum .course-section.lp-collapse .learninghub-chevron {
	margin: -4px 0 0;
	transform: rotate(45deg);
}
.lp-course-curriculum .course-section-header:hover .section-toggle {
	background: var(--edublink-color-primary);
}
.lp-course-curriculum .course-section-header:hover .learninghub-chevron {
	border-color: var(--edublink-color-white, #fff);
}
.lp-course-curriculum .course-section__content {
	padding: 20px;
	border-top: 1px solid var(--edublink-color-border, #e5e5e5);
}
.lp-course-curriculum .course-section.lp-collapse .course-section__content {
	display: none;
}
.lp-course-curriculum .course-section__content .course-section__description {
	margin: 0;
}
.lp-course-curriculum .course-section__content p:last-child {
	margin-bottom: 0;
}
/* Instructor tab – show the whole photo inside its box (learninghub-instructor-photo-contain). */
.edublink-course-author-wrapper .edublink-course-author-thumb img {
	object-fit: contain;
	object-position: center;
}
/* Course page tabs – align to the left instead of centre. */
.edublink-course-details-page .course-nav-tabs {
	justify-content: flex-start;
}
.learn-press-nav-tabs {
	column-gap: 0px;
}

/* Footer: LearnPress' global p / p:last-child margins override the theme's paragraph spacing (30px, 20px on mobile) on course pages. */
.edublink-footer p,
.edublink-footer p:last-child {
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	.edublink-footer p,
	.edublink-footer p:last-child {
		margin-bottom: 20px;
	}
}

/* Right sidebar stays in view while scrolling the course details (desktop only, where it sits next to the content).
   --learninghub-sidebar-top comes from course.js: just below the sticky header, or negative when the sidebar
   is taller than the window so that it sticks by its bottom edge and the buy button stays visible. */
@media only screen and (min-width: 992px) {
	/* EduBlink sets html, body { overflow-x: hidden }, which makes body a scroll container and stops
	   position: sticky from working. clip hides horizontal overflow the same way without that side effect. */
	body.single-course {
		overflow-x: clip;
	}
	.edublink-course-details-page .edublink-course-details-sidebar {
		position: sticky;
		top: var(--learninghub-sidebar-top, 110px);
	}
}