/**
 * COURSE CARDS TEXT VISIBILITY FIX
 * Ensure all text is visible on course cards
 *
 * @package Coursee
 * @since 1.0.0
 */

/* ============================================
   FORCE TEXT VISIBILITY ON COURSE CARDS
   ============================================ */

/* Course Title - Force Visibility */
body .course-item.udemy-style .course-title,
body .course-item.udemy-style h3.course-title,
body .course-item.udemy-style .course-title a {
	color: #1a1a1a !important;
	font-size: 1.0625rem !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 2.8em !important;
	max-height: 4.2em !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	letter-spacing: -0.015em !important;
	text-shadow: none !important;
	background: none !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background-clip: unset !important;
	position: relative !important;
	z-index: 10 !important;
}

body .course-item.udemy-style .course-title a {
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

body .course-item.udemy-style:hover .course-title a {
	color: #5624d0 !important;
}

/* Course Instructor - Force Visibility */
body .course-item.udemy-style .course-instructor {
	color: #6b7280 !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	height: auto !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	line-height: 1.5 !important;
	text-shadow: none !important;
	background: none !important;
	position: relative !important;
	z-index: 10 !important;
}

body .course-item.udemy-style:hover .course-instructor {
	color: #5624d0 !important;
}

/* Course Rating - Force Visibility */
body .course-item.udemy-style .course-rating {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0.375rem 0 0 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: auto !important;
	flex-wrap: wrap !important;
	position: relative !important;
	z-index: 10 !important;
}

body .course-item.udemy-style .rating-stars {
	display: inline-flex !important;
	gap: 0.1875rem !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center !important;
}

body .course-item.udemy-style .rating-stars .star {
	color: #fbbf24 !important;
	font-size: 1rem !important;
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.3)) !important;
}

body .course-item.udemy-style .rating-value {
	color: #1a1a1a !important;
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	visibility: visible !important;
	opacity: 1 !important;
	text-shadow: none !important;
	background: none !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background-clip: unset !important;
}

body .course-item.udemy-style .rating-count {
	color: #6b7280 !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	visibility: visible !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

/* Course Price - Force Visibility */
body .course-item.udemy-style .course-price-section {
	display: flex !important;
	align-items: baseline !important;
	gap: 0.75rem !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0.875rem 0 0 0 !important;
	padding: 1rem 0 0 0 !important;
	width: 100% !important;
	height: auto !important;
	border-top: 1px solid rgba(229, 231, 235, 0.5) !important;
	position: relative !important;
	z-index: 10 !important;
}

body .course-item.udemy-style .price-current,
body .course-item.udemy-style .price-free {
	color: #1a1a1a !important;
	font-size: 1.375rem !important;
	font-weight: 900 !important;
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	letter-spacing: -0.025em !important;
	text-shadow: none !important;
	background: none !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background-clip: unset !important;
	position: relative !important;
	z-index: 10 !important;
}

body .course-item.udemy-style:hover .price-current,
body .course-item.udemy-style:hover .price-free {
	color: #5624d0 !important;
	transform: scale(1.05) !important;
}

body .course-item.udemy-style .price-original {
	color: #9ca3af !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	text-decoration: line-through !important;
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	text-shadow: none !important;
	position: relative !important;
	z-index: 10 !important;
}

/* Course Content Background - Ensure Contrast */
body .course-item.udemy-style .course-content {
	background: #ffffff !important;
	padding: 1.5rem !important;
	position: relative !important;
	z-index: 1 !important;
}

/* Ensure Course Badge Text is Visible */
body .course-item.udemy-style .course-badge {
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	z-index: 20 !important;
}