/*
=========================================================
   MyConsultant TutorLMS Custom UI Patch
   Version: v0.1 working baseline
   Scope: Quiz UI, Quiz Attempt Detail, Dashboard TinyMCE
   Last tested: Desktop, Tablet, Mobile, non-admin user
=========================================================
*/

/* Existing TutorLMS list spacing */
.tutor-col-xl-8 ol {
	padding-left: 2em !important;
	padding-bottom: 0.5em;
}

.tutor-col-xl-8 ul {
	padding-left: 2em !important;
	padding-bottom: 0.5em;
}

/* TutorLMS - Laman Quiz */

.quiz-attempt-single-question .tutor-quiz-btn-group.tutor-mt-60.tutor-d-flex {
	margin-top: 30px !important;
}

.tutor-quiz-wrapper
.quiz-attempt-single-question
.quiz-question-title.tutor-fs-4.tutor-fw-medium {
	font-weight: 400 !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper {
	padding: clamp(32px, 3vw + 12px, 56px) clamp(16px, 2vw, 24px);
}

.tutor-quiz-wrapper .tutor-fs-4 {
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
}

.tutor-quiz-answer-single .tutor-form-check-input {
	align-self: flex-start;
	margin-top: 4px;
}

/* TutorLMS - Sticky quiz detail table header, preserve existing color */
@media (min-width: 768px) {
	.tutor-table-responsive:has(> table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target) {
		max-height: none !important;
		overflow: visible !important;
		position: static;
	}

	table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target > thead > tr > th {
		position: sticky;
		top: 0;
		z-index: 30;
	}
}

/* TutorLMS - Fix quiz explanation icon button overridden by Elementor */
.tutor-quiz-attempt-details .tutor-quiz-explanation-display-button {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: var(--tutor-color-primary) !important;
	width: auto;
	min-width: 0;
	height: auto;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* TutorLMS - Course footer Prev/Next hover only */
.tutor-course-topic-single-footer
.tutor-single-course-content-prev > a.tutor-btn:hover,
.tutor-course-topic-single-footer
.tutor-single-course-content-next > a.tutor-btn:hover {
	background-color: var(--tutor-color-primary) !important;
	color: #ffffff !important;
	border-color: var(--tutor-color-primary) !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* Tutor LMS Dashboard */
/* Fix Elementor global button style inside TinyMCE toolbar */
body.tutor-frontend .mce-toolbar .mce-btn button,
body.tutor-frontend .mce-toolbar .mce-btn button:hover,
body.tutor-frontend .mce-toolbar .mce-btn button:focus,
body.tutor-frontend .mce-toolbar .mce-btn button:active {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-width: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	padding: 2px 4px !important;
}

/* TutorLMS - Resize quiz type icon in quiz attempt detail table */
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
td.type .tutor-quiz-type-icon {
	width: 22px !important;
	min-width: 22px !important;
	height: 22px !important;
	font-size: 15px !important;
	line-height: 22px !important;
	border-radius: 4px !important;
	margin-right: 8px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle !important;
}

/* TutorLMS - Explanation Area */
.tutor-quiz-explanation-wrapper {
	background: #e5f5eb;
	padding:
		clamp(16px, 2vw, 28px)
		clamp(16px, 4vw, 56px)
		clamp(20px, 2.5vw, 32px)
		clamp(16px, 4vw, 56px);
	border-radius: 12px;
	font-size: clamp(14px, 2vw, 16px);
	line-height: 1.6;
}

/* TutorLMS - Explanation content spacing */
.tutor-quiz-explanation-wrapper p,
.tutor-quiz-explanation-wrapper ul,
.tutor-quiz-explanation-wrapper ol {
	margin-block-start: 0;
	margin-block-end: clamp(10px, 1.2vw, 16px);
}

.tutor-quiz-explanation-wrapper ul,
.tutor-quiz-explanation-wrapper ol {
	padding-inline-start: 1.4em;
}

.tutor-quiz-explanation-wrapper li {
	margin-block-end: 6px;
}

.tutor-quiz-explanation-wrapper p:last-child,
.tutor-quiz-explanation-wrapper ul:last-child,
.tutor-quiz-explanation-wrapper ol:last-child {
	margin-block-end: 0;
}

/* TutorLMS - Teks Dalam Tabel Rata Atas */
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td {
	vertical-align: top !important;
}

/* TutorLMS - Force inner table text line-height */
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td.no *,
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td.type *,
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td.questions *,
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td.given-answer *,
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td.correct-answer *,
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td.result * {
	line-height: 1.5 !important;
}

/* TutorLMS - Quiz attempt detail table cell sizing */
table.tutor-table.tutor-quiz-attempt-details.tutor-mb-32.tutor-table-data-td-target
tbody > tr > td {
	padding: 14px;
	font-size: 14px;
}

/* TutorLMS - Quiz question rich text content size */
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc p,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc ul,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc ol,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc li {
	font-size: clamp(16px, 1.6vw, 18px) !important;
	line-height: 1.6 !important;
}

/* TutorLMS - Quiz question rich text spacing */
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc p,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc ul,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc ol {
	margin-block-start: 0;
	margin-block-end: clamp(10px, 1.2vw, 16px);
}

.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc ul,
.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc ol {
	padding-inline-start: 1.4em;
}

.tutor-quiz-wrapper
.quiz-attempt-single-question
.matching-quiz-question-desc li {
	margin-block-end: 6px;
}