/**
 * Manhaj LMS — single course context styles.
 *
 * @package Manhaj\LMS
 */

.mj-hero__includes li,
.mj-hero__facts li { display: inline-flex; align-items: center; gap: 6px; }

.mj-hero__includes li::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--mj-success);
}

.mj-hero__certificate {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--mj-info);
	font-size: var(--mj-fs-sm);
	font-weight: 600;
}

.mj-hero__locked {
	display: grid;
	gap: 6px;
	padding: var(--mj-s3);
	background: var(--mj-warning-50);
	border-radius: var(--mj-r-sm);
	color: var(--mj-warning);
	font-size: var(--mj-fs-sm);
}

.mj-course__body { margin-top: var(--mj-s6); }
.mj-course__about,
.mj-course__instructor,
.mj-course__reviews { margin-bottom: var(--mj-s7); }

.mj-chapter__head { background:var(--mj-surface); font-weight:600; }

.mj-chapter[open] .mj-chapter__head { border-bottom: 1px solid var(--mj-line-2); }
.mj-chapter__head:hover { background: var(--mj-brand-50); }

.mj-lesson__preview { color: var(--mj-brand-600); font-size: 12px; font-weight: 650; }
.mj-lesson .mj-badge { font-size: 11px; }

.mj-review-form { display: grid; gap: var(--mj-s3); margin-top: var(--mj-s4); }
.mj-review-form .mj-field__label { font-weight: 600; }

.mj-course__aside { display: grid; gap: var(--mj-s5); }

@media (max-width: 1024px) {
	.mj-course__aside { order: -1; }
}