/**
 * Tutor LMS Content Drip Styles
 *
 * Prerequisites list, content drip messaging, and locked content layout.
 */

/* ── Text color ──────────────────────────────────────────────────── */

.content-drip-message-wrap ul li,
.content-drip-message-wrap ul li a,
.tutor-lesson-content-drip-wrap ul li,
.tutor-lesson-content-drip-wrap ul li a {
	color: #fff !important;
}

/* ── Title + stoplight inline layout ─────────────────────────────── */

.tutor-lesson-content-drip-wrap > div:first-child {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	margin-bottom: 20px !important;
	margin-top: 5vh !important;
}

.tutor-lesson-content-drip-wrap .tutor-assignment-title {
	margin: 0 !important;
	flex: 1 !important;
}

.tutor-lesson-content-drip-wrap .tutor-assignment-title + div {
	margin: 0 !important;
	flex: 1 !important;
}

/* ── Scrollable prerequisites list ───────────────────────────────── */

.content-drip-message-wrap ul,
.tutor-lesson-content-drip-wrap ul {
	padding-top: 20px !important;
	list-style-type: disc !important;
	list-style-position: inside !important;
	height: calc(100vh - 500px) !important;
	max-height: calc(100vh - 500px) !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	margin-bottom: 20px !important;
	scrollbar-width: thin !important;
	scrollbar-color: #666 #f1f1f1 !important;
}

.content-drip-message-wrap ul li,
.tutor-lesson-content-drip-wrap ul li {
	padding-top: 10px !important;
	list-style-type: disc !important;
	list-style-position: inside !important;
	margin-bottom: 5px !important;
}

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

.tutor-lesson-content-drip-wrap {
	height: calc(100vh - 150px) !important;
	max-height: calc(100vh - 150px) !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	padding-bottom: 100px !important;
}

.content-drip-message-wrap {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: visible !important;
	padding-bottom: 60px !important;
}