/*
 * Teacha — Catalog card restyling for Masteriyo LMS
 * Targets .masteriyo-course--card and related elements.
 * Consumes --teacha-* custom properties from the child theme.
 */

/* Card container */
.masteriyo-course--card {
	background: var(--teacha-card, #fff) !important;
	border: 1px solid var(--teacha-line, #E4E7ED) !important;
	border-radius: var(--teacha-radius, 14px) !important;
	box-shadow: none !important;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.masteriyo-course--card:hover {
	transform: translateY(-4px);
	box-shadow: var(--teacha-shadow-hover, 0 10px 30px rgba(30,34,48,0.09)) !important;
	border-color: transparent !important;
}

/* Thumbnail */
.masteriyo-course--card .masteriyo-course-thumbnail-container {
	position: relative;
	overflow: hidden;
}

.masteriyo-course--card .masteriyo-course-thumbnail-container img {
	height: 148px;
	width: 100%;
	object-fit: cover;
	display: block;
}

/* Category tag pill (injected via hook, positioned over thumbnail) */
.masteriyo-course--card .masteriyo-course-thumbnail-container .teacha-tag-pill {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
}

/* Title */
.masteriyo-course--card .masteriyo-course-title,
.masteriyo-course--card .masteriyo-course-title a {
	font-family: var(--teacha-font-display, sans-serif);
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.4;
	color: var(--teacha-ink, #1E2230);
	text-decoration: none;
}

.masteriyo-course--card .masteriyo-course-title a:hover {
	color: var(--teacha-blue, #6C8AE4);
}

/* Price — free courses */
.masteriyo-course--card .masteriyo-course-price .free,
.masteriyo-course--card .masteriyo-course-price--free {
	color: var(--teacha-tag-health, #6FAE8E);
	font-weight: 800;
}

/* Price — paid courses */
.masteriyo-course--card .masteriyo-course-price {
	font-weight: 800;
	font-size: 0.9rem;
	color: var(--teacha-ink, #1E2230);
}

/* Enroll / Add to cart button */
.masteriyo-course--card .masteriyo-btn,
.masteriyo-course--card .masteriyo-enroll-btn,
.masteriyo-course--card .masteriyo-add-to-cart-btn {
	background: var(--teacha-ink, #1E2230) !important;
	color: #fff !important;
	border-radius: var(--teacha-radius-sm, 10px) !important;
	font-weight: 700 !important;
	border: none !important;
	transition: background .15s ease !important;
}

.masteriyo-course--card .masteriyo-btn:hover,
.masteriyo-course--card .masteriyo-enroll-btn:hover,
.masteriyo-course--card .masteriyo-add-to-cart-btn:hover {
	background: #34394B !important;
}