/**
 * Lessons Override Styles
 * Nadpisuje niebieskie kolory wtyczki Colloseum Courses na kolory motywu
 */

/* Override CSS Variables */
:root {
	--ccs-primary: var(--strefa-primary, #8B7355);
	--ccs-primary-dark: var(--strefa-primary-dark, #6B5A47);
	--ccs-secondary: var(--strefa-accent, #D4A574);
	--ccs-success: #28a745;
	--ccs-warning: #ffc107;
	--ccs-muted: #6c757d;
	--ccs-background: var(--strefa-bg-light, #FAF7F2);
	--ccs-card-bg: #ffffff;
	--ccs-text: var(--strefa-text, #2C2416);
	--ccs-text-muted: var(--strefa-text-light, #6B5F52);
	--ccs-border: var(--strefa-border, #E5DDD3);
}

/* Current Lesson Highlight */
.ccs-sidebar-lesson-item.current a {
	background: var(--strefa-primary, #8B7355) !important;
	color: #ffffff !important;
	font-weight: 600;
	border-color: var(--strefa-primary, #8B7355) !important;
}

.ccs-sidebar-lesson-item.current a:hover {
	background: var(--strefa-primary-dark, #6B5A47) !important;
}

/* Lesson Links Hover */
.ccs-sidebar-lesson-item a:hover {
	background: var(--strefa-bg-light, #FAF7F2) !important;
	border-color: var(--strefa-border, #E5DDD3) !important;
	color: var(--strefa-text, #2C2416) !important;
}

/* Card Links */
.ccs-card h3 a:hover {
	color: var(--strefa-primary, #8B7355) !important;
}

/* Continue Button */
.btn-continue {
	background: var(--strefa-primary, #8B7355) !important;
	color: #ffffff !important;
	border: none !important;
}

.btn-continue:hover {
	background: var(--strefa-primary-dark, #6B5A47) !important;
	box-shadow: 0 0.25rem 0.75rem rgba(139, 115, 85, 0.3) !important;
	color: #ffffff !important;
}

/* Download PDF Button */
.btn-download-pdf {
	color: var(--strefa-primary, #8B7355) !important;
	border-color: var(--strefa-primary, #8B7355) !important;
}

.btn-download-pdf:hover {
	background: var(--strefa-primary, #8B7355) !important;
	color: #ffffff !important;
	box-shadow: 0 0.25rem 0.75rem rgba(139, 115, 85, 0.2) !important;
}

/* Paywall Gradient */
.ccs-paywall {
	background: linear-gradient(135deg, var(--strefa-primary, #8B7355) 0%, var(--strefa-primary-dark, #6B5A47) 100%) !important;
}

/* Video Player Meta */
.ccs-lesson-meta .meta-item {
	color: var(--strefa-text-light, #6B5F52);
}

.ccs-lesson-meta .meta-item .icon {
	color: var(--strefa-primary, #8B7355);
}

/* Lesson Card Border on Hover */
.ccs-card:hover {
	border-color: var(--strefa-primary-lightest, #E8E0D6) !important;
}

/* Completed Status */
.ccs-card.status-completed {
	border-color: var(--ccs-success) !important;
}

.ccs-sidebar-lesson-item.completed .lesson-icon {
	color: var(--ccs-success) !important;
}

/* In Progress Status */
.ccs-card.status-in_progress {
	border-color: var(--ccs-warning) !important;
}

/* Lesson Item Status Colors */
.lesson-item.status-completed .icon {
	color: var(--ccs-success) !important;
}

.lesson-item.status-in_progress .icon {
	color: var(--ccs-warning) !important;
}

.lesson-item.status-not_started .icon {
	color: var(--strefa-text-light, #6B5F52) !important;
}

/* Video Container */
.ccs-video-container {
	border-radius: 0.5rem;
	overflow: hidden;
	background: var(--strefa-bg-light, #FAF7F2);
}

/* Sidebar Title */
.ccs-lessons-sidebar h3 {
	color: var(--strefa-text, #2C2416);
	border-bottom-color: var(--strefa-border, #E5DDD3);
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 400;
}

/* Sidebar Lesson List */
.ccs-sidebar-lesson-list {
	font-family: "Lato", sans-serif;
}

.ccs-sidebar-lesson-item .lesson-title {
	color: var(--strefa-text, #2C2416);
}

/* Current lesson title - white text */
.ccs-sidebar-lesson-item.current .lesson-title {
	color: #ffffff !important;
}

.ccs-sidebar-lesson-item.current .lesson-duration {
	color: rgba(255, 255, 255, 0.8) !important;
}

.ccs-sidebar-lesson-item.current .lesson-icon {
	color: #ffffff !important;
}

.ccs-sidebar-lesson-item .lesson-duration {
	color: var(--strefa-text-light, #6B5F52);
}

/* Responsive */
@media (max-width: 768px) {
	.ccs-sidebar-lesson-item.current a {
		background: var(--strefa-primary, #8B7355) !important;
	}
}