/**
 * LMS styles — HostGenie LMS (hglms-*) foundation.
 * Loaded only when the LMS plugin is active.
 */

/* Course cards (plugin + theme) */
.hglms-course-card,
.hglms-course-grid .hga-course-card {
	background: var(--hga-color-surface);
	border: 1px solid var(--hga-color-border);
	border-radius: var(--hga-radius-lg);
	overflow: hidden;
}

.hglms-course-grid {
	display: grid;
	gap: var(--hga-space-md);
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.hglms-course-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.hglms-course-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.hglms-course-card__meta,
.hga-course-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hga-space-xs) var(--hga-space-sm);
	font-size: var(--hga-font-size-sm);
	color: var(--hga-color-muted);
}

.hglms-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.55rem;
	border-radius: var(--hga-radius-sm);
	background: rgba(13, 110, 110, 0.12);
	color: var(--hga-color-primary);
	font-size: 0.75rem;
	font-weight: 700;
}

/* Course / lesson page shells — align with theme tokens */
.hglms-course-page,
.hglms-lesson-page {
	padding-block: var(--hga-space-md) var(--hga-space-xl);
}

.hglms-course-hero,
.hglms-course-section,
.hglms-lesson-sidebar,
.hglms-lesson-content-column {
	background: var(--hga-color-surface);
	border-color: var(--hga-color-border);
	border-radius: var(--hga-radius-lg);
	box-shadow: var(--hga-shadow-sm);
}

.hglms-course-hero__title,
.hglms-lesson-content__title {
	color: var(--hga-color-heading);
}

.hglms-curriculum__module {
	border-color: var(--hga-color-border);
	border-radius: var(--hga-radius-md);
}

.hglms-curriculum__lesson.is-current a {
	color: var(--hga-color-primary);
}

.hglms-curriculum__lesson.is-complete a::after {
	content: none;
}

/* Dashboard foundation (plugin markup) */
.hglms-dashboard {
	display: grid;
	gap: var(--hga-space-md);
}

.hglms-dashboard__card,
.hglms-stat,
.hglms-progress {
	background: var(--hga-color-surface);
	border: 1px solid var(--hga-color-border);
	border-radius: var(--hga-radius-lg);
	padding: var(--hga-space-md);
}

.hglms-learning-progress .hglms-progress,
.hglms-course-hero .hglms-progress,
.hglms-lesson-sidebar .hglms-progress {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

.hglms-progress__track {
	height: 0.55rem;
	border-radius: 999px;
	background: var(--hga-color-border);
	overflow: hidden;
}

.hglms-progress__bar {
	height: 100%;
	background: var(--hga-color-primary);
	border-radius: inherit;
}

.hglms-enrollment-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--hga-space-sm);
}

.hglms-enrollment-list__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--hga-space-sm);
	padding: var(--hga-space-sm) 0;
	border-bottom: 1px solid var(--hga-color-border);
}

.hglms-enrollment-list__item:last-child {
	border-bottom: 0;
}