/*
 * Oxygen only supplies a full-width wrapper for these Tutor LMS screens.
 * Keep Tutor's application layouts isolated from generic Oxygen container rules.
 */

body.tutor-screen-frontend-dashboard,
body.single-lesson,
body.single-tutor_quiz,
body.single-tutor_assignments {
	background: #f5f5f5;
}

body.tutor-screen-frontend-dashboard .ct-section-inner-wrap,
body.single-lesson .ct-section-inner-wrap,
body.single-tutor_quiz .ct-section-inner-wrap,
body.single-tutor_assignments .ct-section-inner-wrap {
	width: 100%;
	max-width: none;
	padding: 0;
}

/* Tutor LMS 4 dashboard embedded inside the A101 page template. */
body.tutor-screen-frontend-dashboard .a101-main-wrap {
	padding: 0;
}

body.tutor-screen-frontend-dashboard .a101-content-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-layout {
	width: 100%;
	min-height: calc(100vh - 82px);
	background: #f5f5f5;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-main,
body.tutor-screen-frontend-dashboard .tutor-dashboard-body,
body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
	min-width: 0;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-body {
	background: #f5f5f5;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
	width: 100%;
	max-width: 1280px;
	margin-inline: auto;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo {
	display: none;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-page-card,
body.tutor-screen-frontend-dashboard .tutor-surface-l1 {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

body.tutor-screen-frontend-dashboard .tutor-wrap.tutor-dashboard {
	width: min(100% - 40px, 1200px);
	max-width: 1200px;
	margin: 32px auto 56px;
	padding: 0;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-content,
body.tutor-screen-frontend-dashboard .tutor-dashboard-left-menu {
	min-width: 0;
}

body.tutor-screen-frontend-dashboard .tutor-dashboard-content {
	background: #fff;
	border-radius: 12px;
	padding: clamp(20px, 3vw, 36px);
}

.a101-course-free-row {
	width: 100%;
	gap: 16px;
}

.a101-course-free-row > .tutor-course-list-btn {
	flex: 0 0 auto !important;
	width: auto !important;
	margin-left: auto;
}

.a101-course-free-row .tutor-course-list-btn .tutor-btn,
.a101-course-free-row .tutor-btn-block {
	display: inline-flex !important;
	width: auto !important;
	min-width: 0;
}

body.single-lesson .tutor-course-single-content-wrapper,
body.single-tutor_quiz .tutor-course-single-content-wrapper,
body.single-tutor_assignments .tutor-course-single-content-wrapper {
	width: 100%;
	max-width: none;
	min-height: calc(100vh - 82px);
	margin: 0;
}

body.single-lesson .tutor-course-single-content-wrapper > *,
body.single-tutor_quiz .tutor-course-single-content-wrapper > *,
body.single-tutor_assignments .tutor-course-single-content-wrapper > * {
	min-width: 0;
}

body.single-lesson .tutor-course-single-content-wrapper iframe,
body.single-lesson .tutor-course-single-content-wrapper video,
body.single-tutor_quiz .tutor-course-single-content-wrapper iframe,
body.single-tutor_assignments .tutor-course-single-content-wrapper iframe {
	max-width: 100%;
}

@media (max-width: 767px) {
	html:has(body.a101-tutor-2fa),
	body.a101-tutor-2fa {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	body.a101-tutor-2fa::before {
		height: 64px !important;
		background-position: left 16px center !important;
		background-size: auto 32px !important;
	}

	body.a101-tutor-2fa .tutor-wrap.tutor-page-wrap {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 14px !important;
	}

	body.a101-tutor-2fa .tutor-wrap.tutor-page-wrap > div {
		width: 100% !important;
		max-width: 520px !important;
		margin: 24px auto 84px !important;
		padding: 24px 18px !important;
		border-radius: 12px;
		box-sizing: border-box;
	}

	body.a101-tutor-2fa #tutor-otp-form .tutor-d-flex {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	body.a101-tutor-2fa #tutor-otp-form input[name="tutor-login-otp"],
	body.a101-tutor-2fa #tutor-otp-form button,
	body.a101-tutor-2fa #tutor-otp-form .tutor-btn-rent-otp {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		text-align: center;
		justify-content: center;
		box-sizing: border-box;
	}
	body.tutor-screen-frontend-dashboard .tutor-wrap.tutor-dashboard {
		width: min(100% - 24px, 1200px);
		margin-top: 20px;
	}

	body.tutor-screen-frontend-dashboard .tutor-dashboard-content {
		padding: 20px 16px;
	}

	body.tutor-screen-frontend-dashboard .tutor-dashboard-layout {
		min-height: calc(100vh - 72px);
	}

	body.tutor-screen-frontend-dashboard .tutor-dashboard-page {
		padding-inline: 12px;
	}

	body.single-lesson .tutor-course-single-content-wrapper,
	body.single-tutor_quiz .tutor-course-single-content-wrapper,
	body.single-tutor_assignments .tutor-course-single-content-wrapper {
		min-height: calc(100vh - 72px);
	}
}