/**
 * Styles for the Paid Memberships Pro - Courses Add On
 *
 */

/**
 * Lesson Completion Status
 */

/* Base lesson status styles */
.pmpro_courses-lesson-status {
	align-items: center;
	display: flex;
	justify-content: center;
	text-decoration: none;
}

/* Screen reader only label */
.pmpro_courses-lesson-status .pmpro_courses-lesson-status-label {
	-webkit-clip-path: inset(50%);
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/**
 * Shortcode Container
 */
.pmpro_courses_shortcode_container li {
	display: inline-block;
	margin: 0 1% 0 0;
	padding: 10px;
	width: 30%;
}


/**
 * General Course/Lesson Lists
 */

/* Container */
.pmpro_courses {
	margin: var(--pmpro--base--spacing--large) 0;
}

/* Headings */
.pmpro_courses h2 {
	margin: 0;
	padding: 0;
}

/* List reset */
.pmpro_courses .pmpro_courses-list,
.pmpro_courses .pmpro_courses-list-item {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* List items */
.pmpro_courses .pmpro_courses-list-item > * {
	align-items: center;
	border-bottom: 1px solid var(--pmpro--color--border--variation);
	display: flex;
	gap: var(--pmpro--base--spacing--small);
	justify-content: space-between;
	min-width: 0;
	padding: var(--pmpro--base--spacing--medium) 0;
	text-decoration: none;
}

.pmpro_courses .pmpro_courses-list-item:last-child > * {
	border-bottom: none;
}

/* List item titles */
.pmpro_courses .pmpro_courses-list .pmpro_courses-list-item .pmpro_courses-list-item-link .pmpro_courses-list-item-title {
	margin: 0;
	padding: 0;
}

/* Hover effect */
.pmpro_courses .pmpro_courses-list .pmpro_courses-list-item .pmpro_courses-list-item-link:hover {
	filter: none;
}

.pmpro_courses .pmpro_courses-list .pmpro_courses-list-item .pmpro_courses-list-item-link:hover .pmpro_courses-list-item-title {
	text-decoration: underline;
}

/**
 * Course-Specific List Styles
 */

.pmpro_courses-courses .pmpro_card_content {
	padding-bottom: var(--pmpro--base--spacing--small);
}

/* Course title */
.pmpro_courses-courses .pmpro_courses-list .pmpro_courses-list-item-title {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Lesson count */
.pmpro_courses-courses .pmpro_courses-list .pmpro_courses-list-item .pmpro_courses-course-lesson-count {
	margin-left: auto;
	white-space: nowrap;
}


/**
 * Course Outline Styles
 */

/* Card title */
.pmpro_courses-course-outline .pmpro_card_title {
	padding: 0;
}

/* Heading */
.pmpro_courses-course-outline h3 {
	margin: 0;
	padding: 0;
}

/* Section toggle button */
.pmpro_courses-course-outline [id^="pmpro_courses-section-toggle-"] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-left: var(--pmpro--base--spacing--large);
	padding-right: var(--pmpro--base--spacing--large);
	width: 100%;
}

/* Expanded section toggle */
.pmpro_courses-course-outline [id^="pmpro_courses-section-toggle-"][aria-expanded="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/**
 * Lesson-Specific List Styles
 */
.pmpro .pmpro_courses-lessons.pmpro_card_content {
	padding-bottom: var(--pmpro--base--spacing--small);
}

/* Inline title and tag */
.pmpro_courses-lessons .pmpro_courses-list .pmpro_courses-list-item .pmpro_courses-list-item-link .pmpro_courses-list-item-title,
.pmpro_courses-lessons .pmpro_courses-list .pmpro_courses-list-item .pmpro_courses-list-item-link .pmpro_tag {
	display: inline;
}

/* Lesson title */
.pmpro_courses-lessons .pmpro_courses-list .pmpro_courses-list-item-title {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Lesson status positioning */
.pmpro_courses-lessons .pmpro_courses-list .pmpro_courses-list-item > .pmpro_courses-list-item-link .pmpro_courses-lesson-status {
	margin-left: auto;
	white-space: nowrap;
}

/**
 * Single Lesson Page
 */

/* Status and navigation */
.pmpro_courses_lesson-back-to-course {
	margin: var(--pmpro--base--spacing--large) 0;
}

.pmpro_courses-adjacent-lesson-label {
	color: var(--pmpro--color--accent--variation);
	font-weight: 700;
}

/* Lesson toggle control */
.pmpro_courses_lesson-toggle {
	margin: var(--pmpro--base--spacing--large) 0;
}

.pmpro_courses_lesson-toggle .pmpro_courses_lesson_toggle {
	align-items: center;
	display: inline-flex;
	gap: var(--pmpro--base--spacing--small);
}

.pmpro_courses_lesson-toggle .pmpro_courses_lesson_toggle[aria-pressed="true"] {
	background: var(--pmpro--color--success-background, #d4edda);
	border-color: var(--pmpro--color--success-text, #0f441c);
	color: var(--pmpro--color--success-text, #0f441c);
}

/**
 * Miscellaneous Styles
 */

.pmpro_courses-feather-icon {
	fill: none;
	height: 24px;
	line-height: 24px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 24px;
}

.pmpro_courses-feather-icon-complete {
	color: var(--pmpro--color--success-text, #3c763d);
}

.pmpro_courses-feather-icon-incomplete {
	color: var(--pmpro--color--border, #777777);
}