/**
 * Tutor LMS Base Theme
 *
 * Dark theme foundation: black backgrounds, white text, maroon accents.
 * Applies to ALL Tutor content pages (lessons, quizzes, assignments, etc.)
 *
 * IMPORTANT: No * selectors. Only target specific classes/elements.
 */

/* ── Header ───────────────────────────────────────────────────────── */

.tutor-course-topic-single-header-title {
	color: #fff;
}

.tutor-course-topic-single-header,
.tutor-single-page-top-bar {
	background-color: #000000 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ── Dark background for all main content areas ──────────────────── */

.tutor-course-topic-single,
.tutor-course-topic-single-content,
.tutor-course-topic-single-body {
	background-color: #000000 !important;
}

.tutor-course-topic-single-wrapper,
.tutor-course-topic-single-content-wrapper,
.tutor-course-topic-single-body-wrapper {
	background-color: #000000 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-header-wrapper,
.tutor-course-topic-single-content-wrapper,
.tutor-course-topic-single-body-wrapper,
.tutor-course-topic-single-header .tutor-container,
.tutor-course-topic-single-content .tutor-container,
.tutor-course-topic-single-body .tutor-container {
	background-color: #000000 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-content .tutor-row,
.tutor-course-topic-single-content .tutor-col,
.tutor-course-topic-single-content .tutor-col-xl-8,
.tutor-course-topic-single-content .tutor-col-xl-4 {
	background-color: #000000 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-content .tutor-spotlight-wrapper,
.tutor-course-topic-single-content .tutor-spotlight-tab,
.tutor-course-topic-single-content .tutor-spotlight-nav,
.tutor-course-topic-single-content .tutor-lesson-wrapper,
.tutor-course-topic-single-content .tutor-lesson-content {
	background-color: #000000 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-content .video-wrapper,
.tutor-course-topic-single-content .video-container,
.tutor-course-topic-single-content .tutor-video-wrapper {
	background-color: #000000 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.tutor-course-topic-single,
body.tutor-course-topic-single .tutor-container,
body.tutor-course-topic-single .tutor-row,
body.tutor-course-topic-single .tutor-col {
	background-color: #000000 !important;
}

/* ── White text for non-H5P/non-GrassBlade lesson body ───────────── */
/*
 * SCOPED: only applies when neither .tutor-h5p-lesson nor
 * .tutor-grassblade-lesson is present.
 * Targets specific element types instead of using *.
 */
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) p,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) span,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) div,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) label,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) li,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) td,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) th,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) h1,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) h2,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) h3,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) h4,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) h5,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) h6,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) small,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) strong,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) em,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-fs-5,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-fs-6,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-fs-7,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-fs-8,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-color-black,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-color-secondary,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-color-muted {
	color: #ffffff !important;
}

.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) a,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) a:link,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) a:visited {
	color: #ffffff !important;
	background-color: #5C0000 !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
}

.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) a:hover,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) a:active {
	background-color: #4A0000 !important;
	color: #ffffff !important;
}

/* ── Black background for common child elements (replaces * selector) ── */
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) > div,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-course-spotlight-wrapper,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-course-spotlight-tab,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-tab-item,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-container,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-row,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-col-xl-8,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .tutor-lesson-wrapper,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .video-wrapper,
.tutor-course-topic-single-body:not(.tutor-h5p-lesson):not(.tutor-grassblade-lesson) .video-container {
	background-color: #000000 !important;
}

/* ── Spacing removal ─────────────────────────────────────────────── */

.tutor-course-topic-single {
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-content {
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-header .tutor-container,
.tutor-course-topic-single-header .tutor-row,
.tutor-course-topic-single-header .tutor-col {
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-content .tutor-container,
.tutor-course-topic-single-content .tutor-row,
.tutor-course-topic-single-content .tutor-col {
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single > * {
	margin: 0 !important;
	padding: 0 !important;
}

/* ── Box sizing ──────────────────────────────────────────────────── */

.tutor-course-topic-single *,
.tutor-course-topic-single *::before,
.tutor-course-topic-single *::after {
	box-sizing: border-box;
}

/* ── Sidebar ─────────────────────────────────────────────────────── */

.tutor-course-single-sidebar-wrapper,
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
	margin: 0px !important;
	padding: 0px !important;
	height: 100vh !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* ── Content wrapper sizing ──────────────────────────────────────── */

.tutor-course-single-content-wrapper {
	height: 100vh !important;
	max-height: 100vh !important;
	overflow: hidden !important;
	background-color: #5C0000 !important;
	position: relative !important;
}

.tutor-course-topic-single-body {
	height: 90vh !important;
	overflow: hidden !important;
	display: flex;
	flex-direction: column;
	max-height: 90vh !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-course-topic-single-content {
	height: 55vh !important;
	max-height: 55vh !important;
	overflow: hidden !important;
}

.tutor-course-topic-single-body .video-wrapper {
	height: 50vh !important;
	max-height: 50vh !important;
	overflow: hidden !important;
	margin-bottom: 0 !important;
}

/* ── Instructor card ─────────────────────────────────────────────── */

.tutor-instructor-card.tutor-mt-12 {
	background-color: #333333 !important;
	color: #ffffff !important;
}

.tutor-instructor-card.tutor-mt-12 span,
.tutor-instructor-card.tutor-mt-12 p,
.tutor-instructor-card.tutor-mt-12 div,
.tutor-instructor-card.tutor-mt-12 a {
	color: #ffffff !important;
}

.tutor-instructor-card.tutor-mt-12 .tutor-filename {
	font-weight: bold !important;
}

.tutor-iconic-btn.tutor-iconic-btn-outline {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.tutor-iconic-btn.tutor-iconic-btn-outline .tutor-icon-download {
	margin: 0 !important;
	margin-left: -4px !important;
}

/* ── Warning badge ───────────────────────────────────────────────── */

.tutor-badge-label.label-warning {
	background-color: #FFFF00 !important;
	color: #000000 !important;
	opacity: 1 !important;
}

/* ── Navigation prev/next buttons ────────────────────────────────── */

.tutor-single-course-content-prev .tutor-btn,
.tutor-single-course-content-next .tutor-btn {
	background-color: #000000 !important;
	color: #fff !important;
	border-color: #000000 !important;
}
.tutor-single-course-content-prev .tutor-btn:hover,
.tutor-single-course-content-next .tutor-btn:hover {
	background-color: #333333 !important;
	color: #fff !important;
	border-color: #333333 !important;
}

/* ── Misc header elements ────────────────────────────────────────── */

.tutor-fs-7.tutor-color-white {
	display: inline-block !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
	vertical-align: top !important;
}

.header-title.tutor-fs-5.tutor-fw-medium.tutor-color-white.tutor-mt-12.tutor-mb-32 {
	display: block !important;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	clear: both !important;
}