/* ==========================================================================
   MasarPlus Single Course Page Stylesheet
   ========================================================================== */

.tutor-course-details-content {
	font-size: 1.05rem;
	line-height: 1.8;
	color: var(--mp-gray-600);
}

.tutor-course-details-content h1,
.tutor-course-details-content h2,
.tutor-course-details-content h3 {
	font-size: 1.5rem;
	font-weight: var(--mp-fw-extrabold);
	color: var(--mp-gray-900);
	margin: 40px 0 24px 0;
	letter-spacing: -0.01em;
}

/* Requirements & Target Audience Native Lists */
.tutor-course-details-widget {
	background: var(--mp-surface-light);
	border: 1px solid var(--mp-gray-200);
	border-radius: var(--mp-radius-xl);
	padding: var(--mp-spacing-8);
	margin-top: var(--mp-spacing-8);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.tutor-course-details-widget-title {
	font-size: 1.25rem !important;
	font-weight: var(--mp-fw-bold) !important;
	color: var(--mp-gray-900) !important;
	margin-bottom: 24px !important;
	border-bottom: none !important;
}

.tutor-course-details-widget-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 16px;
}

.tutor-course-details-widget-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 0.95rem;
	color: var(--mp-gray-700);
	line-height: 1.6;
}

.tutor-course-details-widget-list li::before {
	content: '\e918'; /* Tutor Check Icon */
	font-family: 'tutor';
	color: var(--mp-primary-500);
	font-size: 1.2rem;
	background: var(--mp-primary-50);
	border-radius: var(--mp-radius-full);
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 2px;
}

/* Premium Sidebar Card */
.mp-premium-sidebar {
	background: var(--mp-surface-light);
	border: 1px solid var(--mp-gray-200);
	border-radius: var(--mp-radius-xl);
	padding: var(--mp-spacing-6);
	box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.08);
	transition: var(--mp-transition-normal);
}

.mp-premium-sidebar__price-wrapper {
	margin-bottom: var(--mp-spacing-6);
	text-align: center;
}

.mp-premium-price__value {
	font-size: var(--mp-text-3xl);
	font-weight: var(--mp-fw-extrabold);
	color: var(--mp-primary-600);
	display: block;
}

.mp-premium-sidebar__meta-title {
	font-size: var(--mp-text-md);
	font-weight: var(--mp-fw-bold);
	color: var(--mp-gray-900);
	margin-bottom: var(--mp-spacing-4);
}

.mp-premium-meta-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--mp-spacing-3);
}

.mp-premium-meta-item {
	display: flex;
	align-items: center;
	gap: var(--mp-spacing-3);
	font-size: var(--mp-text-sm);
	color: var(--mp-gray-700);
}

.mp-premium-meta-icon {
	width: 36px;
	height: 36px;
	border-radius: var(--mp-radius-md);
	background: var(--mp-primary-50);
	color: var(--mp-primary-500);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}

/* Single Course Grid Layout */
.mp-course-layout {
	display: flex;
	flex-direction: column;
	gap: var(--mp-spacing-6);
}

@media (min-width: 992px) {
	.mp-course-layout {
		display: grid;
		grid-template-columns: 1fr 360px;
		align-items: start;
		gap: var(--mp-spacing-8);
	}
	.mp-course-sidebar-inner {
		position: sticky;
		top: 100px;
	}
}

/* Mobile Optimization */
@media (max-width: 991px) {
	.mp-hero { padding: 40px 0; }
	.mp-hero__layout { flex-direction: column; }
	.mp-hero__content { padding-right: 0; }
	.mp-premium-sidebar { margin-top: 0; border-radius: var(--mp-radius-lg); }
}

@media (max-width: 768px) {
	.mp-hero__title { font-size: 1.75rem !important; line-height: 1.3; }
	.mp-hero__meta-grid { grid-template-columns: 1fr; gap: 12px; }
	.mp-premium-tabs-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.mp-premium-nav-link { padding: 10px 14px; font-size: 0.85rem; }
	.mp-premium-tab-content-inner { padding: 20px 16px; }
	.mp-curriculum__lesson { flex-direction: column; align-items: flex-start; gap: 12px; }
	.mp-curriculum__lesson-meta { margin-left: 48px; }
	.mp-review-card__header { flex-direction: column; align-items: flex-start; }
	.tutor-course-details-widget-list { grid-template-columns: 1fr; }

	/* Course details content */
	.tutor-course-details-content {
		font-size: 0.95rem;
		line-height: 1.7;
	}
	.tutor-course-details-content h1,
	.tutor-course-details-content h2,
	.tutor-course-details-content h3 {
		font-size: 1.25rem;
		margin: 28px 0 16px 0;
	}

	/* Sidebar card */
	.mp-premium-sidebar {
		padding: var(--mp-spacing-4);
	}
	.mp-premium-price__value {
		font-size: var(--mp-text-2xl);
	}

	/* Widget card */
	.tutor-course-details-widget {
		padding: var(--mp-spacing-5);
	}
}