/**
 * My Courses Page Styles
 * Styling for "Moje Kursy" page with consistent colors and entry-title
 */

/* Entry title styling - same as cart/checkout */
.entry-header .entry-title {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2.5rem;
	font-weight: 300;
	color: #2c2824;
	margin: 0;
	line-height: 1.2;
}

.entry-header {
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 0.0625rem solid #e0ddd9;
}

/* My Courses Dashboard - consistent color scheme */
.ccs-dashboard {
	background: #ffffff;
	color: #2c2824;
}

.ccs-dashboard-container {
	max-width: 100rem;
	margin: 0 auto;
	padding: 2rem 1.5rem;
}

/* Section titles */
.ccs-dashboard h2,
.ccs-courses-section h2 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2rem;
	font-weight: 300;
	color: #2c2824;
	margin: 0 0 2rem 0;
	line-height: 1.2;
}

/* Course cards - consistent styling */
.ccs-course-card {
	background: #ffffff;
	border: 0.0625rem solid #e0ddd9;
	border-radius: 0.5rem;
	padding: 2rem;
	margin-bottom: 2rem;
	transition: all 0.3s ease;
}

.ccs-course-card:hover {
	border-color: #877d71;
	box-shadow: 0 0.25rem 0.75rem rgba(135, 125, 113, 0.12);
}

.ccs-course-title {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.875rem;
	font-weight: 400;
	color: #2c2824;
	margin: 0 0 1rem 0;
}

.ccs-course-description {
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	color: #6b5f52;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

/* Progress bar */
.ccs-progress-bar {
	background: #f8f7f5;
	border-radius: 0.375rem;
	height: 0.5rem;
	margin-bottom: 1rem;
	overflow: hidden;
}

.ccs-progress-fill {
	background: linear-gradient(135deg, #8B7355 0%, #6B5A47 100%);
	height: 100%;
	transition: width 0.3s ease;
}

.ccs-progress-text {
	font-family: "Lato", sans-serif;
	font-size: 0.875rem;
	color: #6b5f52;
	margin-bottom: 1.5rem;
}

/* Buttons - consistent with theme */
.ccs-course-card .button,
.ccs-course-card .zone-btn {
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	border-radius: 0.375rem;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	margin-right: 0.75rem;
	margin-bottom: 0.75rem;
}

.ccs-course-card .button-primary,
.ccs-course-card .zone-btn-primary {
	background: #8B7355;
	color: #ffffff;
	border: none;
}

.ccs-course-card .button-primary:hover,
.ccs-course-card .zone-btn-primary:hover {
	background: #6B5A47;
	transform: translateY(-0.0625rem);
	box-shadow: 0 0.25rem 0.75rem rgba(135, 125, 113, 0.2);
}

.ccs-course-card .button-secondary,
.ccs-course-card .zone-btn-secondary {
	background: #ffffff;
	color: #8B7355;
	border: 0.125rem solid #8B7355;
}

.ccs-course-card .button-secondary:hover,
.ccs-course-card .zone-btn-secondary:hover {
	background: #8B7355;
	color: #ffffff;
	transform: translateY(-0.0625rem);
}

/* Lesson list */
.ccs-lessons-list {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 0.0625rem solid #e0ddd9;
}

.ccs-lessons-list h3 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.25rem;
	font-weight: 400;
	color: #2c2824;
	margin: 0 0 1rem 0;
}

.ccs-lesson-item {
	display: flex;
	align-items: center;
	padding: 0.75rem 0;
	border-bottom: 0.0625rem solid #f8f7f5;
}

.ccs-lesson-item:last-child {
	border-bottom: none;
}

.ccs-lesson-item input[type="radio"],
.ccs-lesson-item input[type="checkbox"] {
	margin-right: 0.75rem;
	accent-color: #8B7355;
}

.ccs-lesson-title {
	font-family: "Lato", sans-serif;
	font-size: 0.9375rem;
	color: #2c2824;
	flex: 1;
}

.ccs-lesson-duration {
	font-family: "Lato", sans-serif;
	font-size: 0.875rem;
	color: #6b5f52;
	margin-left: auto;
}

/* Empty state */
.ccs-empty-state {
	text-align: center;
	padding: 4rem 2rem;
	background: #f8f7f5;
	border-radius: 0.5rem;
}

.ccs-empty-state .empty-icon {
	font-size: 4rem;
	margin-bottom: 1rem;
}

.ccs-empty-state h3 {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.5rem;
	font-weight: 400;
	color: #2c2824;
	margin: 0 0 0.5rem 0;
}

.ccs-empty-state p {
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	color: #6b5f52;
	margin: 0 0 1.5rem 0;
}

/* Responsive */
@media (max-width: 768px) {
	.ccs-dashboard-container {
		padding: 1.5rem 1rem;
	}

	.ccs-course-card {
		padding: 1.5rem;
	}

	.ccs-course-title {
		font-size: 1.5rem;
	}

	.ccs-course-card .button,
	.ccs-course-card .zone-btn {
		width: 100%;
		margin-right: 0;
	}
}