/* Toolbar Trước / Tiếp + toàn màn hình */
.cmp-learning-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid var(--cmp-biz-border, #e8eef4);
	background: #fff;
	flex-shrink: 0;
}

.cmp-learning-toolbar__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cmp-learning-toolbar__complete {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-width: 0;
}

.cmp-learning-toolbar__complete-done {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.cmp-learning-toolbar__complete-btn[disabled],
.cmp-learning-toolbar__complete-btn.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.cmp-learning-toolbar__prev[aria-disabled='true'],
.cmp-learning-toolbar__next[aria-disabled='true'] {
	pointer-events: none;
	opacity: 0.45;
}

.tutor-course-topic-single-footer.cmp-learning-footer-hidden {
	display: none !important;
}

/* Sidebar: checkbox Tutor (xanh primary), nhấp đúp vùng tick */
.tutor-course-single-sidebar-wrapper .cmp-lesson-check-wrap {
	display: inline-flex;
	align-items: center;
	padding: 4px;
	margin: -4px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.tutor-course-single-sidebar-wrapper input.cmp-lesson-complete-toggle {
	cursor: pointer;
	pointer-events: auto;
	position: relative;
	z-index: 2;
}

.tutor-course-topic-item-lesson .cmp-lesson-check-wrap:hover {
	opacity: 0.9;
}

.cmp-lesson-is-completing {
	opacity: 0.65;
	pointer-events: none;
}

/* Sidebar: lesson đã hoàn thành — checkbox active (theo cmp-lesson-is-completed) */
.tutor-course-single-sidebar-wrapper
	.cmp-lesson-is-completed.tutor-course-topic-item-lesson
	.cmp-lesson-complete-toggle {
	border-color: var(--tutor-color-success, #24a148);
	background-color: var(--tutor-color-success, #24a148);
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
}

.tutor-course-single-sidebar-wrapper
	.cmp-lesson-is-completed.tutor-course-topic-item-lesson
	.cmp-lesson-check-wrap {
	opacity: 1;
}

/* Sidebar: lesson đã hoàn thành (xanh lá nhẹ) */
.cmp-lesson-is-completed.tutor-course-topic-item-lesson {
	background-color: rgba(34, 197, 94, 0.08);
	border-radius: 6px;
}

.cmp-lesson-is-completed.tutor-course-topic-item-lesson.is-active {
	background-color: rgba(34, 197, 94, 0.14);
}

/* —— Toàn màn hình —— */
html.cmp-learning-fullscreen,
body.cmp-learning-fullscreen {
	overflow: hidden !important;
	height: 100% !important;
	margin: 0 !important;
}

body.cmp-learning-fullscreen {
	--cmp-header-height: 0px;
}

body.cmp-learning-fullscreen .site-content {
	padding-top: 0 !important;
}

body.cmp-learning-fullscreen #masthead,
body.cmp-learning-fullscreen .site-header,
body.cmp-learning-fullscreen header.header-default,
body.cmp-learning-fullscreen .tutorstarter-header,
body.cmp-learning-fullscreen .site-footer,
body.cmp-learning-fullscreen footer,
body.cmp-learning-fullscreen .cmp-lms-shell > *:not(#cmp-learning-fs-portal),
body.cmp-learning-fullscreen .tutor-spotlight-mobile-progress-complete {
	display: none !important;
}

body.cmp-learning-fullscreen #tutor-page-wrap {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}

#cmp-learning-fs-portal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#cmp-learning-fs-portal .tutor-course-single-content-wrapper {
	position: relative !important;
	inset: auto !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	flex: 1 1 auto;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	overflow: hidden !important;
}

#cmp-learning-fs-portal .tutor-course-single-sidebar-wrapper {
	flex: 0 0 300px;
	width: 300px;
	max-width: 34vw;
	min-width: 240px;
	height: 100% !important;
	max-height: 100% !important;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
}

#cmp-learning-fs-portal #tutor-single-entry-content {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	height: 100% !important;
	max-height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

#cmp-learning-fs-portal .tutor-course-topic-single-header,
#cmp-learning-fs-portal .cmp-learning-toolbar {
	flex-shrink: 0;
}

#cmp-learning-fs-portal .tutor-course-topic-single-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

#cmp-learning-fs-portal .tutor-course-spotlight-wrapper,
#cmp-learning-fs-portal .tutor-course-spotlight-tab {
	min-height: 0;
}

#cmp-learning-fs-portal .tutor-quiz-wrapper {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}

@media (max-width: 991px) {
	#cmp-learning-fs-portal .tutor-course-single-sidebar-wrapper {
		flex: 0 0 260px;
		width: 260px;
		min-width: 200px;
	}
}