/**
 * Tutor LMS Assignment Styles
 *
 * Styling for assignment pages: form layout, text areas, file upload,
 * submit buttons, and description sections.
 */

/* ── Assignment-specific text colors ─────────────────────────────── */

.tutor-course-topic-single-body .tutor-assignment-title,
.tutor-course-topic-single-body .tutor-assignment-meta,
.tutor-course-topic-single-body .tutor-assignment-content,
.tutor-course-topic-single-body .tutor-assignment-description,
.tutor-course-topic-single-body .tutor-assignment-details,
.tutor-course-topic-single-body .tutor-assignment-info,
.tutor-course-topic-single-body .tutor-assignment-duration,
.tutor-course-topic-single-body .tutor-assignment-deadline,
.tutor-course-topic-single-body .tutor-assignment-marks,
.tutor-course-topic-single-body .tutor-assignment-passing-mark {
	color: #ffffff !important;
}

/* ── Form elements ───────────────────────────────────────────────── */

.tutor-course-topic-single-body .tutor-form-group label,
.tutor-course-topic-single-body .tutor-form-group .tutor-form-label,
.tutor-course-topic-single-body .tutor-form-field,
.tutor-course-topic-single-body .tutor-form-description {
	color: #ffffff !important;
}

/* ── Buttons ─────────────────────────────────────────────────────── */

.tutor-course-topic-single-body .tutor-btn,
.tutor-course-topic-single-body .tutor-btn-primary,
.tutor-course-topic-single-body .tutor-btn-secondary {
	color: #ffffff !important;
}

.tutor-course-topic-single-body .tutor-btn:hover,
.tutor-course-topic-single-body .tutor-btn-primary:hover,
.tutor-course-topic-single-body .tutor-btn-secondary:hover {
	color: #ffffff !important;
}

/* ── Progress ────────────────────────────────────────────────────── */

.tutor-course-topic-single-body .tutor-progress-content,
.tutor-course-topic-single-body .tutor-progress-text,
.tutor-course-topic-single-body .tutor-course-progress {
	color: #ffffff !important;
}

/* ── Text editor area (maroon background) ────────────────────────── */

.tutor-assignment-text-area .wp-editor-wrap,
.tutor-assignment-text-area .wp-editor-container,
.tutor-assignment-text-area textarea,
.tutor-assignment-text-area .mce-tinymce,
.tutor-assignment-text-area .mce-panel,
.tutor-assignment-text-area .mce-edit-area {
	background-color: #5C0000 !important;
	border-color: #5C0000 !important;
}

.tutor-assignment-text-area,
.tutor-assignment-text-area p,
.tutor-assignment-text-area span,
.tutor-assignment-text-area label,
.tutor-assignment-text-area div {
	color: #ffffff !important;
}

/* ── Assignment body layout (CSS Grid) ───────────────────────────── */

.tutor-assignment-body {
	width: 100% !important;
	max-width: none !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
	position: relative !important;
	padding-bottom: 10px !important;
	margin-bottom: 0px !important;
	display: grid !important;
	grid-template-areas:
		"title title"
		"text-area file-upload" !important;
	grid-template-columns: 1fr 300px !important;
	grid-gap: 20px !important;
}

.tutor-assignment-body::after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

.tutor-assignment-body .tutor-to-title {
	grid-area: title !important;
	display: block !important;
	width: 100% !important;
	margin-bottom: 10px !important;
	text-align: left !important;
}

.tutor-assignment-text-area {
	grid-area: text-area !important;
	width: 100% !important;
}

/* ── File upload attachment ───────────────────────────────────────── */

.tutor-assignment-attachment {
	grid-area: file-upload !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	height: 180px !important;
	justify-content: space-between !important;
	align-items: center !important;
	background-color: #5C0000 !important;
	border: 1px solid #5C0000 !important;
	border-radius: 6px !important;
	padding: 10px !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	text-align: center !important;
	position: relative !important;
	margin-top: 20px !important;
}

.tutor-assignment-attachment p,
.tutor-assignment-attachment span,
.tutor-assignment-attachment label,
.tutor-assignment-attachment div {
	color: #ffffff !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.tutor-assignment-attachment .tutor-fs-7 {
	display: block !important;
	margin: 0 !important;
	font-weight: bold !important;
	width: 100% !important;
	text-align: center !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	white-space: normal !important;
	color: #ffffff !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: absolute !important;
	top: 15px !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 10 !important;
}

.tutor-assignment-attachment .tutor-fs-7.tutor-color-secondary {
	color: #ffffff !important;
	visibility: visible !important;
	opacity: 1 !important;
	display: block !important;
}

.tutor-assignment-attachment label {
	display: block !important;
	margin: 0 !important;
	width: 100% !important;
	text-align: center !important;
	order: 2 !important;
}

.tutor-assignment-attachment .tutor-btn {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
	margin: 0 !important;
	width: auto !important;
	min-width: 120px !important;
	max-width: 150px !important;
	display: block !important;
	padding: 6px 12px !important;
	border-radius: 4px !important;
	text-align: center !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	position: absolute !important;
	bottom: 10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 10 !important;
}

.tutor-assignment-attachment .tutor-btn:hover {
	background-color: #ffffff !important;
	color: #5C0000 !important;
	border: 1px solid #ffffff !important;
}

.tutor-assignment-attachment input[type="file"] {
	display: none !important;
}

/* ── Dropbox text visibility ─────────────────────────────────────── */

.tutor-assignment-attachment .tutor-input-type-size,
.tutor-assignment-attachment .tutor-input-type-size p,
.tutor-assignment-attachment .tutor-input-type-size span {
	color: #ffffff !important;
	visibility: visible !important;
	opacity: 1 !important;
	display: block !important;
	font-size: 11px !important;
	line-height: 1.3 !important;
	margin: 5px 0 !important;
	position: relative !important;
	z-index: 15 !important;
}

.tutor-assignment-attachment .tutor-input-type-size .tutor-color-black,
.tutor-assignment-attachment .tutor-input-type-size .tutor-color-secondary {
	color: #ffffff !important;
}

.tutor-assignment-attachment .tutor-attachment-files,
.tutor-assignment-attachment .tutor-attachment-files p,
.tutor-assignment-attachment .tutor-attachment-files span,
.tutor-assignment-attachment .tutor-attachment-files div {
	color: #ffffff !important;
	visibility: visible !important;
	opacity: 1 !important;
	display: block !important;
}

.tutor-assignment-attachment .tutor-attachment-files p,
.tutor-assignment-attachment .tutor-attachment-files span {
	font-size: 10px !important;
	line-height: 1.2 !important;
	margin: 2px 0 !important;
	text-align: center !important;
}

/* ── Submit button ───────────────────────────────────────────────── */

.tutor-assignment-submit-btn {
	position: static !important;
	width: auto !important;
	min-width: 150px !important;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	margin-left: 40px !important;
	text-align: center !important;
	align-self: center !important;
}

.tutor-assignment-submit-btn .tutor-btn {
	width: auto !important;
	background-color: #5C0000 !important;
	color: #ffffff !important;
	border-color: #5C0000 !important;
	padding: 8px 16px !important;
	border-radius: 6px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
}

/* ── Submit button absolute positioning ──────────────────────────── */

.tutor-assignment-wrap .tutor-btn-primary,
.tutor-assignment-wrap .tutor-btn[type="submit"],
.tutor-assignment-wrap input[type="submit"],
.tutor-assignment-submission .tutor-btn-primary,
.tutor-assignment-submission .tutor-btn[type="submit"],
.tutor-assignment-submission input[type="submit"],
.tutor-assignment-body .tutor-btn-primary,
.tutor-assignment-body .tutor-btn[type="submit"],
.tutor-assignment-body input[type="submit"] {
	position: absolute !important;
	z-index: 10 !important;
	margin: 0 !important;
}

/* ── Hidden elements ─────────────────────────────────────────────── */

.tutor-assignment-body .tutor-fs-6:not(.tutor-fw-medium) {
	display: none !important;
}

.tutor-assignment-body .tutor-fs-6.tutor-color-muted,
.tutor-assignment-body .tutor-fs-6.tutor-color-secondary,
.tutor-assignment-body .tutor-fs-6[style*="color"],
.tutor-assignment-body .tutor-fs-6:not(.tutor-fw-medium):not(.tutor-fw-bold),
.tutor-assignment-body .tutor-fs-7,
.tutor-assignment-body .tutor-fs-8,
.tutor-assignment-body .tutor-color-muted,
.tutor-assignment-body .tutor-color-secondary {
	display: none !important;
}

.tutor-input-type-size {
	display: none !important;
}

/* ── Right column container ──────────────────────────────────────── */

.right-column-container {
	float: right !important;
	width: 35% !important;
	margin-right: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 15px !important;
	clear: none !important;
}

/* ── Assignment submission & description spacing ─────────────────── */

.tutor-assignment-description-details {
	margin-top: -40px !important;
	margin-bottom: 30px !important;
}

.tutor-assignment-description-details .tutor-btn,
.tutor-assignment-description-details .tutor-btn-primary,
.tutor-assignment-description-details .tutor-btn-secondary,
.tutor-assignment-description-details a {
	margin-bottom: 3px !important;
	padding-bottom: 3px !important;
}

.tutor-assignment-wrap,
.tutor-assignment-submission,
.tutor-assignment-body {
	padding-bottom: 10px !important;
	margin-bottom: 0px !important;
}

.tutor-assignment-submission {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.tutor-assignment-submission + *,
.tutor-assignment-body + *,
.tutor-assignment-wrap + *,
.tutor-assignment-submission ~ *,
.tutor-assignment-body ~ *,
.tutor-assignment-wrap ~ * {
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.tutor-assignment-submission + hr,
.tutor-assignment-body + hr,
.tutor-assignment-wrap + hr,
.tutor-assignment-submission + .tutor-divider,
.tutor-assignment-body + .tutor-divider,
.tutor-assignment-wrap + .tutor-divider {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	height: 0px !important;
}

/* ── Assignment footer ───────────────────────────────────────────── */

.tutor-assignment-footer {
	position: relative !important;
	z-index: 10 !important;
}

.tutor-assignment-footer-btn {
	position: relative !important;
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	min-height: 50px !important;
}

.tutor-course-single-content-wrapper {
	position: relative !important;
}