section.course-header { background: linear-gradient(135deg, #f8ffae 0%, #43c6ac 100%); border-radius: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); max-width: 900px; margin: 30px auto 0 auto; padding: 30px; display: flex; align-items: center; }
.course-header-content { display: flex; gap: 32px; align-items: center; width: 100%; }
.course-header-image img { border-radius: 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); max-width: 260px; max-height: 180px; background: #fff; }
.course-header-info { flex: 1; }
.course-category-badge { background: #43c6ac; color: #fff; padding: 6px 18px; border-radius: 16px; font-size: 1rem; font-weight: 600; margin-bottom: 10px; display: inline-block; }
.course-meta-info { display: flex; gap: 18px; margin: 18px 0; flex-wrap: wrap; }
.meta-item { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 10px; padding: 8px 14px; box-shadow: 0 2px 8px rgba(67,198,172,0.08); }
.meta-icon { font-size: 1.3rem; }
.meta-label { font-size: 0.95rem; color: #43c6ac; font-weight: bold; }
.meta-value { font-size: 1.1rem; color: #333; }
.course-actions { margin-top: 18px; display: flex; gap: 12px; }
.enroll-btn, .share-btn, .exam-btn, .cta-btn { background: #4f46e5; color: #fff; border: none; border-radius: 12px; padding: 10px 22px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.enroll-btn:hover, .share-btn:hover, .exam-btn:hover, .cta-btn:hover { background: #2563eb; }
.course-content-section { max-width: 1200px; margin: 40px auto; display: flex; gap: 32px; }
.course-container { display: flex; gap: 32px; width: 100%; }
.course-main { flex: 2; }
/* كارت المحتوى بتصميم عصري للأطفال */
.content-card {
	background: linear-gradient(135deg, #f8ffae 0%, #43c6ac 100%);
	border-radius: 18px;
	box-shadow: 0 6px 24px rgba(67,198,172,0.13);
	padding: 28px 24px;
	margin-bottom: 28px;
	transition: box-shadow 0.2s, transform 0.2s;
	border: 2px solid #43c6ac22;
}
.content-card:hover {
	box-shadow: 0 12px 32px rgba(67,198,172,0.18);
	transform: translateY(-4px) scale(1.02);
}
.content-card h2 {
	color: #ff9800;
	font-size: 1.5rem;
	margin-bottom: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 2px 8px #fff8;
}
.learning-goals, .requirements-list { list-style: disc inside; padding-left: 0; margin: 0; }
.learning-goals li, .requirements-list li { font-size: 1.1rem; color: #333; margin-bottom: 6px; }
.course-modules { display: flex; flex-wrap: wrap; gap: 10px; }
.module-item { background: #e0e7ff; color: #2563eb; padding: 8px 16px; border-radius: 10px; font-weight: 500; margin-bottom: 6px; }
.course-sidebar { flex: 1; display: flex; flex-direction: column; gap: 24px; }
.sidebar-card {
	background: linear-gradient(135deg, #f8ffae 0%, #43c6ac 100%);
	border-radius: 18px;
	box-shadow: 0 6px 24px rgba(67,198,172,0.13);
	padding: 24px 18px;
	margin-bottom: 18px;
	border: 2px solid #43c6ac22;
	transition: box-shadow 0.2s, transform 0.2s;
}
.sidebar-card:hover {
	box-shadow: 0 12px 32px rgba(67,198,172,0.18);
	transform: translateY(-4px) scale(1.02);
}
.sidebar-card h3 {
	color: #ff9800;
	font-size: 1.25rem;
	margin-bottom: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0 2px 8px #fff8;
}
.stats-list { margin: 0; }
.stat-row { display: flex; justify-content: space-between; font-size: 1.05rem; margin-bottom: 8px; }
.stat-highlight { color: #43c6ac; font-weight: bold; }
.instructor-avatar { width: 70px; border-radius: 50%; margin-bottom: 8px; }
.instructor-info h4 { margin: 0 0 4px 0; font-size: 1.1rem; color: #2563eb; }
.instructor-role, .instructor-bio { font-size: 0.95rem; color: #555; margin-bottom: 4px; }
.social-btn { background: #43c6ac; color: #fff; border-radius: 8px; padding: 6px 14px; text-decoration: none; font-size: 0.95rem; margin-top: 6px; display: inline-block; }
.includes-list { margin-top: 10px; }
.include-item { font-size: 1.05rem; color: #333; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.related-course-item { margin-bottom: 8px; }
.related-course-item a { color: #4f46e5; text-decoration: none; font-weight: 500; }
.related-course-item a:hover { text-decoration: underline; }
.cta-section { background: linear-gradient(135deg, #43c6ac 0%, #f8ffae 100%); border-radius: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); max-width: 900px; margin: 40px auto 0 auto; padding: 30px; text-align: center; }
.cta-content h2 { color: #4f46e5; font-size: 2rem; margin-bottom: 10px; }
.cta-content p { color: #333; font-size: 1.1rem; margin-bottom: 18px; }
.cta-btn { background: #ff9800; color: #fff; border: none; border-radius: 12px; padding: 12px 32px; font-size: 1.2rem; font-weight: 700; cursor: pointer; transition: background 0.2s; }
.cta-btn:hover { background: #fbbf24; }

/* ثانوي رمادي للأزرار الغير أساسية في صفحة التفاصيل */
.btn-secondary {
	background: #e5e7eb;
	color: #374151;
	border: none;
	border-radius: 12px;
	padding: 12px 32px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}
.btn-secondary:hover {
	background: #d1d5db;
	color: #111827;
}