/**
 * Tutor LMS Quiz Styles
 *
 * Quiz attempts table, quiz entry wrap, results, time remaining,
 * back button, and abandon quiz modal.
 */

/* ── Quiz attempts table ─────────────────────────────────────────── */

.tutor-table.my-quiz-attempts,
.tutor-table.my-quiz-attempts thead,
.tutor-table.my-quiz-attempts tbody,
.tutor-table.my-quiz-attempts tr,
.tutor-table.my-quiz-attempts th,
.tutor-table.my-quiz-attempts td {
	background-color: #5C0000 !important;
}

/* ── Quiz time remaining ─────────────────────────────────────────── */

.tutor-quiz-time,
.tutor-quiz-time span,
.tutor-quiz-time div,
.tutor-quiz-time p {
	color: #ffffff !important;
}

[class*="time-remaining"],
[class*="quiz-time"],
[class*="tutor-time"] {
	color: #ffffff !important;
}

[class*="time-remaining"] span,
[class*="time-remaining"] div,
[class*="time-remaining"] p,
[class*="quiz-time"] span,
[class*="quiz-time"] div,
[class*="quiz-time"] p,
[class*="tutor-time"] span,
[class*="tutor-time"] div,
[class*="tutor-time"] p {
	color: #ffffff !important;
}

/* ── Abandon quiz modal ──────────────────────────────────────────── */

.tutor-modal-body.tutor-text-center {
	display: grid !important;
	grid-template-rows: 1fr auto !important;
	align-items: start !important;
	text-align: center !important;
	gap: 15px !important;
	min-height: auto !important;
	padding: 20px !important;
}

.tutor-modal-body.tutor-text-center .tutor-modal-content-container,
.tutor-modal-body.tutor-text-center p,
.tutor-modal-body.tutor-text-center div:not(.tutor-d-flex.tutor-justify-center.tutor-mt-48.tutor-mb-24.tutor-modal-actions) {
	grid-row: 1 !important;
	margin-bottom: 0 !important;
}

.tutor-d-flex.tutor-justify-center.tutor-mt-48.tutor-mb-24.tutor-modal-actions {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 15px !important;
	grid-row: 2 !important;
	margin: 0 !important;
	width: 100% !important;
	padding: 10px 0 !important;
}

/* ── Quiz entry wrap sizing ──────────────────────────────────────── */

.tutor-quiz-single-entry-wrap {
	height: 100% !important;
	max-height: 100% !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.tutor-quiz-single-entry-wrap .tutor-container,
.tutor-quiz-single-entry-wrap .tutor-row,
.tutor-quiz-single-entry-wrap .tutor-col {
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-quiz-single-entry-wrap .tutor-quiz-content,
.tutor-quiz-single-entry-wrap .tutor-quiz-questions,
.tutor-quiz-single-entry-wrap .tutor-quiz-question {
	margin: 0 !important;
	padding: 5px !important;
}

/* ── Quiz wrapper positioning ────────────────────────────────────── */

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper {
	padding: 20px 24px !important;
	margin-top: 0 !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content > * {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* ── Hide quiz result summary ────────────────────────────────────── */

.tutor-quiz-result-summary {
	display: none !important;
}

/* ── Back button ─────────────────────────────────────────────────── */

.tutor-mb-24 {
	position: absolute !important;
	top: 70px !important;
	left: 10px !important;
	z-index: 10 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tutor-mb-24 .tutor-btn {
	background-color: #000000 !important;
	border-radius: 8px !important;
	padding: 5px 16px 8px 5px !important;
	border: none !important;
	color: #ffffff !important;
}

.tutor-mb-24 .tutor-btn:hover {
	background-color: #333333 !important;
}

/* ── Quiz results table (scrollable) ─────────────────────────────── */

.tutor-table-responsive.tutor-table-mobile.tutor-mt-16 {
	height: calc(100vh - 500px) !important;
	max-height: calc(100vh - 500px) !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	margin-top: 16px !important;
	margin-bottom: 40px !important;
	border-radius: 12px !important;
	scrollbar-width: thin !important;
	scrollbar-color: #666 #f1f1f1 !important;
}

.tutor-table-responsive.tutor-table-mobile.tutor-mt-16::-webkit-scrollbar {
	width: 8px !important;
	height: 8px !important;
}

.tutor-table-responsive.tutor-table-mobile.tutor-mt-16::-webkit-scrollbar-track {
	background: #f1f1f1 !important;
	border-radius: 4px !important;
}

.tutor-table-responsive.tutor-table-mobile.tutor-mt-16::-webkit-scrollbar-thumb {
	background: #666 !important;
	border-radius: 4px !important;
	border: 1px solid #f1f1f1 !important;
}

.tutor-table-responsive.tutor-table-mobile.tutor-mt-16::-webkit-scrollbar-thumb:hover {
	background: #555 !important;
}

.tutor-table-responsive.tutor-table-mobile.tutor-mt-16::-webkit-scrollbar-corner {
	background: #f1f1f1 !important;
	border-radius: 4px !important;
}

/* ── Entry content sizing ────────────────────────────────────────── */

#tutor-single-entry-content {
	height: 100% !important;
	max-height: 100% !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content {
	height: 100% !important;
	max-height: 100% !important;
	overflow: hidden !important;
}

@media (min-width: 1200px) {
	.tutor-course-single-content-wrapper #tutor-single-entry-content {
		min-height: auto !important;
		height: 100% !important;
		max-height: 100% !important;
	}
}