/**
 * Moyo Dashboard Cards — Brand overrides for MasterStudy course cards
 *
 * File: assets/css/moyo-dashboard-cards.css
 *
 * Applies to: Enrolled Courses, Wishlist, Instructor Dashboard
 * Uses CSS custom properties from moyo-brand.css
 */

/* ─────────────────────────────────────────────
 * 0. OVERRIDE MASTERSTUDY CSS VARIABLES
 *
 * MasterStudy uses --accent-100, --accent-10 etc.
 * Map them to our brand variables so everything aligns.
 * ───────────────────────────────────────────── */

:root {
	--accent-100: var(--moyo-primary, #2563eb) !important;
	--accent-hover: var(--moyo-primary-end, #3b82f6) !important;
	--accent-10: var(--moyo-info-bg, #eff6ff) !important;
	--success-100: var(--moyo-success, #22c55e) !important;
	--danger-100: var(--moyo-error, #ef4444) !important;
	--warning-100: #f59e0b !important;
}

/* ─────────────────────────────────────────────
 * 1. GENERIC CARD — applies to all card contexts
 * ───────────────────────────────────────────── */

.masterstudy-course-card {
	border-radius: var(--moyo-radius-lg, 8px) !important;
	overflow: hidden !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
	outline: none !important;
	box-shadow: var(--moyo-shadow-sm, 0 1px 3px rgba(0,0,0,0.06)) !important;
	transition: transform var(--moyo-transition, 0.2s ease),
				box-shadow var(--moyo-transition, 0.2s ease) !important;
	background: var(--moyo-card, #ffffff) !important;
}

.masterstudy-course-card__wrapper {
	background: var(--moyo-card, #ffffff) !important;
}

/* Card info section — override hardcoded #fff, padding, and height */
.masterstudy-course-card__info {
	background: var(--moyo-card, #ffffff) !important;
	padding: 15px 20px !important;
	height: auto !important;
}

.masterstudy-course-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0,0,0,0.10)) !important;
	border-color: var(--moyo-border-hover, #d1d5db) !important;
}

/* Card image */
.masterstudy-course-card__image-link {
	border-radius: var(--moyo-radius-lg, 8px) var(--moyo-radius-lg, 8px) 0 0 !important;
	overflow: hidden !important;
}

.masterstudy-course-card__image {
	transition: transform 0.4s ease !important;
}

.masterstudy-course-card:hover .masterstudy-course-card__image {
	transform: scale(1.05) !important;
}

/* Category label — pill badge */
.masterstudy-course-card__info-category {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	text-transform: uppercase !important;
	margin-bottom: 6px !important;
}
.masterstudy-course-card__info-category a {
	display: inline-block !important;
	background: var(--moyo-info-bg, #eff6ff) !important;
	color: var(--moyo-primary, #2563eb) !important;
	padding: 4px 10px !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.6px !important;
	transition: background 0.2s, color 0.2s !important;
}
.masterstudy-course-card__info-category a:hover {
	background: var(--moyo-primary, #2563eb) !important;
	color: #fff !important;
}

/* Course title */
.masterstudy-course-card__info-title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

.masterstudy-course-card__info-title:hover {
	color: var(--moyo-primary, #2563eb) !important;
}

/* Meta info (lectures, duration) */
.masterstudy-course-card__meta {
	background: var(--moyo-footer-bg, #f9fafb) !important;
	border-radius: var(--moyo-radius, 4px) !important;
	padding: 8px 12px !important;
}

.masterstudy-course-card__meta-block {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
	font-size: 13px !important;
}

/* Rating stars */
.masterstudy-course-card__rating-star_filled {
	color: var(--moyo-star, #fbbf24) !important;
}

.masterstudy-course-card__rating-count {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
}

/* ─────────────────────────────────────────────
 * 2. PROGRESS BAR — Enrolled courses
 * ───────────────────────────────────────────── */

.masterstudy-course-card__progress-bar_empty {
	background: var(--moyo-border-light, #f3f4f6) !important;
	border-radius: 20px !important;
	height: 6px !important;
}

.masterstudy-course-card__progress-bar_filled {
	background: linear-gradient(90deg, var(--moyo-primary, #2563eb), var(--moyo-primary-end, #3b82f6)) !important;
	border-radius: 20px !important;
	height: 6px !important;
	transition: width 0.6s ease !important;
}

.masterstudy-course-card__progress-title {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-body, #475569) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

/* ─────────────────────────────────────────────
 * 3. BUTTONS — Continue / Start Course / Preview
 * ───────────────────────────────────────────── */

/* Primary button (Continue, Start Course, Preview) */
.masterstudy-course-card .masterstudy-button,
.masterstudy-course-card .masterstudy-button_style-primary,
.masterstudy-enrolled-courses .masterstudy-button,
.masterstudy-account-wishlist .masterstudy-button {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	background: var(--moyo-primary, #2563eb) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
	border: none !important;
	border-radius: var(--moyo-radius, 4px) !important;
	padding: 10px 24px !important;
	transition: background var(--moyo-transition, 0.2s ease),
				box-shadow var(--moyo-transition, 0.2s ease) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.masterstudy-course-card .masterstudy-button:hover,
.masterstudy-enrolled-courses .masterstudy-button:hover,
.masterstudy-account-wishlist .masterstudy-button:hover {
	background: var(--moyo-primary-end, #3b82f6) !important;
	box-shadow: var(--moyo-shadow-primary, 0 2px 8px rgba(37,99,235,0.35)) !important;
}

/* ─────────────────────────────────────────────
 * 4. FEATURED / STATUS BADGES
 * ───────────────────────────────────────────── */

.masterstudy-course-card__featured {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-radius: var(--moyo-radius, 4px) !important;
	padding: 4px 10px !important;
}

.masterstudy-course-card__status {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	border-radius: var(--moyo-radius, 4px) !important;
}

/* ─────────────────────────────────────────────
 * 5. ENROLLED COURSES PAGE
 * ───────────────────────────────────────────── */

/* Page heading */
.masterstudy-enrolled-courses h2,
.masterstudy-enrolled-courses__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 700 !important;
}

/* Tab filters (All, Completed, In Progress, Failed) */
.masterstudy-enrolled-courses__tabs .masterstudy-enrolled-courses__tab,
.masterstudy-enrolled-courses-filter__item {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
	font-weight: 500 !important;
	transition: color var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-enrolled-courses__tabs .masterstudy-enrolled-courses__tab.active,
.masterstudy-enrolled-courses__tabs .masterstudy-enrolled-courses__tab:hover,
.masterstudy-enrolled-courses-filter__item.active,
.masterstudy-enrolled-courses-filter__item:hover {
	color: var(--moyo-primary, #2563eb) !important;
	border-color: var(--moyo-primary, #2563eb) !important;
}

/* Tab count badge */
.masterstudy-enrolled-courses__tab-count,
.masterstudy-enrolled-courses-filter__count {
	background: var(--moyo-primary, #2563eb) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	padding: 1px 8px !important;
}

/* Started date */
.masterstudy-course-card__started,
.masterstudy-course-card__info .masterstudy-course-card__date {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-footer-text, #94a3b8) !important;
	font-size: 12px !important;
}

/* Grid layout — ensure consistent card width */
.masterstudy-enrolled-courses__list {
	gap: 20px !important;
}

/* ─────────────────────────────────────────────
 * 6. WISHLIST PAGE
 * ───────────────────────────────────────────── */

/* Page heading */
.masterstudy-account-wishlist h2 {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 700 !important;
}

/* Remove from Wishlist link */
.masterstudy-account-wishlist__remove,
.masterstudy-course-card .stm-lms-wishlist__remove,
a[class*="wishlist"][class*="remove"] {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-error, #ef4444) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	transition: color var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-account-wishlist__remove:hover,
.masterstudy-course-card .stm-lms-wishlist__remove:hover {
	color: var(--moyo-error-text, #991b1b) !important;
}

/* Grid: 3 columns for wishlist */
.masterstudy-account-wishlist__list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	flex-wrap: unset !important;
}
.masterstudy-account-wishlist .masterstudy-course-card {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
}
@media (max-width: 960px) {
	.masterstudy-account-wishlist__list {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 640px) {
	.masterstudy-account-wishlist__list {
		grid-template-columns: 1fr !important;
	}
}

/* Hide rating + "Free" price on wishlist cards */
.masterstudy-account-wishlist .masterstudy-course-card__rating {
	display: none !important;
}
.masterstudy-account-wishlist .masterstudy-course-card__price {
	display: none !important;
}

/* Fix card height — no empty stretch */
.masterstudy-account-wishlist .masterstudy-course-card__info {
	height: auto !important;
}
.masterstudy-account-wishlist .masterstudy-course-card__wrapper {
	height: auto !important;
}

/* Tighten the bottom area */
.masterstudy-account-wishlist .masterstudy-course-card__bottom {
	margin-top: auto !important;
	padding-top: 12px !important;
}

/* Hide the broken hover popup on wishlist cards */
.masterstudy-account-wishlist .masterstudy-course-card__popup {
	display: none !important;
}

/* "Remove from Wishlist" — move below button, subtle style */
.masterstudy-account-wishlist .masterstudy-course-card__bottom {
	flex-direction: column !important;
	gap: 8px !important;
}

/* ─────────────────────────────────────────────
 * 7. INSTRUCTOR DASHBOARD
 * ───────────────────────────────────────────── */

/* Course status badge (PUBLISHED, DRAFT) */
.masterstudy-instructor-courses .masterstudy-course-card__status,
.masterstudy-instructor-courses__status {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-radius: var(--moyo-radius, 4px) !important;
	padding: 3px 8px !important;
}

/* Published badge — green */
.masterstudy-instructor-courses__status[class*="publish"],
.masterstudy-course-card__status[class*="publish"] {
	background: var(--moyo-success-bg, #f0fdf4) !important;
	color: var(--moyo-success-text, #15803d) !important;
	border: 1px solid var(--moyo-success-border, #bbf7d0) !important;
}

/* Draft badge — amber */
.masterstudy-instructor-courses__status[class*="draft"],
.masterstudy-course-card__status[class*="draft"] {
	background: var(--moyo-warning-bg, #fef3c7) !important;
	color: var(--moyo-warning-text, #92400e) !important;
	border: 1px solid var(--moyo-warning-border, #fcd34d) !important;
}

/* Last updated text */
.masterstudy-instructor-courses__date,
.masterstudy-course-card__updated {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-footer-text, #94a3b8) !important;
	font-size: 12px !important;
}

/* Three-dot menu */
.masterstudy-instructor-courses__actions-toggle,
.masterstudy-course-card__actions-toggle {
	color: var(--moyo-muted, #64748b) !important;
	transition: color var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-instructor-courses__actions-toggle:hover,
.masterstudy-course-card__actions-toggle:hover {
	color: var(--moyo-primary, #2563eb) !important;
}

/* Add new course button */
.masterstudy-instructor-courses__add-new,
a[class*="instructor-courses__add"] {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-primary, #2563eb) !important;
	border: 1px solid var(--moyo-primary, #2563eb) !important;
	border-radius: var(--moyo-radius, 4px) !important;
	font-weight: 500 !important;
	transition: background var(--moyo-transition, 0.2s ease),
				color var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-instructor-courses__add-new:hover,
a[class*="instructor-courses__add"]:hover {
	background: var(--moyo-primary, #2563eb) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
}

/* Tab filters (All, Published, In Draft) */
.masterstudy-instructor-courses__tabs .masterstudy-instructor-courses__tab,
.masterstudy-instructor-courses-filter__item {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
	font-weight: 500 !important;
}

.masterstudy-instructor-courses__tabs .masterstudy-instructor-courses__tab.active,
.masterstudy-instructor-courses__tabs .masterstudy-instructor-courses__tab:hover,
.masterstudy-instructor-courses-filter__item.active,
.masterstudy-instructor-courses-filter__item:hover {
	color: var(--moyo-primary, #2563eb) !important;
	border-color: var(--moyo-primary, #2563eb) !important;
}

/* ── 7b. INSTRUCTOR CARDS — Clean modern look ── */

/* Bigger radius for modern feel */
.masterstudy-instructor-courses .masterstudy-course-card {
	border-radius: 12px !important;
}
.masterstudy-instructor-courses .masterstudy-course-card__wrapper {
	border-radius: 12px !important;
}
.masterstudy-instructor-courses .masterstudy-course-card__image-link {
	border-radius: 12px 12px 0 0 !important;
}

/* Better card spacing */
.masterstudy-instructor-courses .masterstudy-course-card__info {
	padding: 16px 20px 20px !important;
}

/* Hide rating row (stars + score) — not relevant for dashboard views */
.masterstudy-instructor-courses .masterstudy-course-card__rating,
.masterstudy-enrolled-courses .masterstudy-course-card__rating,
.masterstudy-account-wishlist .masterstudy-course-card__rating {
	display: none !important;
}

/* Hide "Free" price label — not needed on instructor dashboard */
.masterstudy-instructor-courses .masterstudy-course-card__price,
.masterstudy-instructor-courses .masterstudy-course-card__price_free,
.masterstudy-instructor-courses .masterstudy-course-card__price-single,
.masterstudy-instructor-courses .masterstudy-course-card__bottom > .masterstudy-course-card__price_free {
	display: none !important;
}

/* Hide status badge overlay on card image (green "Published" tag) */
.masterstudy-instructor-courses .masterstudy-course-card__status {
	display: none !important;
}

/* Hide "Remove from Featured" / "Make Featured" in instructor modal */
.masterstudy-instructor-course-actions__modal-featured {
	display: none !important;
}

/* Hide "Course status: PUBLISHED" row — visual clutter */
.masterstudy-instructor-courses .masterstudy-instructor-course-actions__item:first-child {
	display: none !important;
}

/* Clean up the instructor actions area (keep only "Last updated" + menu) */
.masterstudy-instructor-courses .masterstudy-instructor-course-actions {
	border-top: 1px solid #f1f5f9 !important;
	margin-top: 12px !important;
	padding-top: 12px !important;
}

.masterstudy-instructor-courses .masterstudy-instructor-course-actions__content {
	align-items: center !important;
}

/* "Last updated" text — cleaner style */
.masterstudy-instructor-courses .masterstudy-instructor-course-actions__title {
	color: var(--moyo-footer-text, #94a3b8) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}
.masterstudy-instructor-courses .masterstudy-instructor-course-actions__value {
	color: var(--moyo-muted, #64748b) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

/* 3-dot menu button — rounded modern style */
.masterstudy-instructor-courses .masterstudy-instructor-course-actions__modal-btn {
	width: 32px !important;
	height: 32px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background 0.15s, border-color 0.15s !important;
}
.masterstudy-instructor-courses .masterstudy-instructor-course-actions__modal-btn:hover {
	background: #f8fafc !important;
	border-color: #cbd5e1 !important;
}

/* "View Course" button — full-width blue */
.masterstudy-course-card__view-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	width: 100% !important;
	padding: 10px 20px !important;
	background: var(--moyo-primary, #2563eb) !important;
	color: #fff !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border: none !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	transition: background 0.2s, box-shadow 0.2s !important;
	cursor: pointer !important;
}
.masterstudy-course-card__view-btn:hover {
	background: var(--moyo-primary-end, #3b82f6) !important;
	box-shadow: 0 2px 8px rgba(37,99,235,0.35) !important;
	color: #fff !important;
}
.masterstudy-course-card__view-btn svg {
	flex-shrink: 0 !important;
}

/* Grid: 3 columns for instructor cards */
.masterstudy-instructor-courses__list,
.masterstudy-instructor-courses .masterstudy-instructor-courses__list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	flex-wrap: unset !important;
	margin-top: 24px !important;
}
.masterstudy-instructor-courses .masterstudy-course-card,
.masterstudy-instructor-courses__list > .masterstudy-course-card {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}
@media (max-width: 960px) {
	.masterstudy-instructor-courses__list,
	.masterstudy-instructor-courses .masterstudy-instructor-courses__list {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 640px) {
	.masterstudy-instructor-courses__list,
	.masterstudy-instructor-courses .masterstudy-instructor-courses__list {
		grid-template-columns: 1fr !important;
	}
}

/* ── 7c. ENROLLED COURSES — clean look + 3 columns ── */

/* Grid: 3 columns for enrolled courses */
.masterstudy-enrolled-courses__list {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px !important;
	flex-wrap: unset !important;
}
.masterstudy-enrolled-courses .masterstudy-course-card {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
}
@media (max-width: 960px) {
	.masterstudy-enrolled-courses__list {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 640px) {
	.masterstudy-enrolled-courses__list {
		grid-template-columns: 1fr !important;
	}
}

/* ─────────────────────────────────────────────
 * 8. ACCOUNT SIDEBAR — consistent typography
 * ───────────────────────────────────────────── */

.masterstudy-account-menu__list-item {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	transition: color var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-account-menu__list-item:hover,
.masterstudy-account-menu__list-item.active {
	color: var(--moyo-primary, #2563eb) !important;
}

.masterstudy-account-menu__list-item.active {
	background: var(--moyo-info-bg, #eff6ff) !important;
	border-left: 3px solid var(--moyo-primary, #2563eb) !important;
	border-radius: 0 var(--moyo-radius, 4px) var(--moyo-radius, 4px) 0 !important;
}

/* Section headings (MAIN, COMMUNICATION, PROGRESS, etc.) */
.masterstudy-account-menu__section-title,
.masterstudy-account-menu h6,
.masterstudy-account-menu h5 {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

/* User name */
.masterstudy-account-menu__user-name,
.masterstudy-account__user-name {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 700 !important;
}

/* ─────────────────────────────────────────────
 * 9. EMPTY STATES — no courses / no wishlist
 * ───────────────────────────────────────────── */

.masterstudy-enrolled-courses__empty,
.masterstudy-account-wishlist__empty {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
	text-align: center !important;
	padding: 40px 20px !important;
}

/* ─────────────────────────────────────────────
 * 10. PRICE STYLING
 * ───────────────────────────────────────────── */

.masterstudy-course-card__price-single {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-weight: 700 !important;
	color: var(--moyo-heading, #1e293b) !important;
}

.masterstudy-course-card__price-single_sale {
	color: var(--moyo-muted, #64748b) !important;
	text-decoration: line-through !important;
}

.masterstudy-course-card__price-sale {
	color: var(--moyo-error, #ef4444) !important;
	font-weight: 700 !important;
}

/* Free badge */
.masterstudy-course-card__price_free {
	background: var(--moyo-success-bg, #f0fdf4) !important;
	color: var(--moyo-success-text, #15803d) !important;
	border: 1px solid var(--moyo-success-border, #bbf7d0) !important;
	border-radius: var(--moyo-radius, 4px) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 2px 10px !important;
}

/* ─────────────────────────────────────────────
 * 11. DROPDOWN MENU — account header dropdown
 * ───────────────────────────────────────────── */

.masterstudy-dropdown-menu {
	border-radius: var(--moyo-radius-lg, 8px) !important;
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0,0,0,0.10)) !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
	overflow: hidden !important;
}

.masterstudy-dropdown-menu h3 {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

.masterstudy-dropdown-menu__list a {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 500 !important;
	transition: color var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-dropdown-menu__list a:hover {
	color: var(--moyo-primary, #2563eb) !important;
}

/* Logout link in dropdown */
.masterstudy-dropdown-menu__logout a {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-error, #ef4444) !important;
	font-weight: 500 !important;
}

.masterstudy-dropdown-menu__logout a:hover {
	color: var(--moyo-error-text, #991b1b) !important;
}

/* Instructor area sidebar in dropdown */
.masterstudy-dropdown-menu__main-column {
	background: var(--moyo-primary, #2563eb) !important;
}

.masterstudy-dropdown-menu__main-column h3 {
	color: rgba(255, 255, 255, 0.7) !important;
}

.masterstudy-dropdown-menu__main-column a {
	color: var(--moyo-on-primary, #ffffff) !important;
}

.masterstudy-dropdown-menu__main-column a:hover {
	opacity: 0.8 !important;
}

/* ─────────────────────────────────────────────
 * 12. CARD TITLE h3 — override MasterStudy hardcoded #001931
 * ───────────────────────────────────────────── */

.masterstudy-course-card__info-title h3 {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

.masterstudy-course-card:hover .masterstudy-course-card__info-title h3 {
	color: var(--moyo-primary, #2563eb) !important;
}

/* Category link inside card */
.masterstudy-course-card__info-category a {
	color: var(--moyo-primary, #2563eb) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
}

/* ─────────────────────────────────────────────
 * 13. CARD POPUP (hover overlay) — branded
 * ───────────────────────────────────────────── */

.masterstudy-course-card__popup {
	background: var(--moyo-card, #ffffff) !important;
	border-radius: var(--moyo-radius-lg, 8px) !important;
	box-shadow: var(--moyo-shadow-xl, 0 8px 32px rgba(0,0,0,0.25)) !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
}

.masterstudy-course-card__popup-title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 600 !important;
}

.masterstudy-course-card__popup-excerpt {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-body, #475569) !important;
}

.masterstudy-course-card__popup-button {
	background: var(--moyo-primary, #2563eb) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
	border-radius: var(--moyo-radius, 4px) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	font-weight: 600 !important;
}

.masterstudy-course-card__popup-button:hover {
	background: var(--moyo-primary-end, #3b82f6) !important;
}

/* ─────────────────────────────────────────────
 * 14. SECONDARY / OUTLINE BUTTONS
 * ───────────────────────────────────────────── */

.masterstudy-button_style-secondary {
	background: var(--moyo-footer-bg, #f9fafb) !important;
	color: var(--moyo-body, #475569) !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
	border-radius: var(--moyo-radius, 4px) !important;
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
}

.masterstudy-button_style-secondary:hover {
	background: var(--moyo-border-light, #f3f4f6) !important;
	border-color: var(--moyo-border-hover, #d1d5db) !important;
	color: var(--moyo-heading, #1e293b) !important;
}

/* ─────────────────────────────────────────────
 * 15. ICON COLORS — override hardcoded #4d5e6f, #808c98
 * ───────────────────────────────────────────── */

.masterstudy-course-card__meta-block i,
.masterstudy-course-card__meta-block svg {
	color: var(--moyo-muted, #64748b) !important;
}

.masterstudy-account-menu__list-item i,
.masterstudy-account-menu__list-item svg {
	color: inherit !important;
}

/* ─────────────────────────────────────────────
 * 16. ENROLLED COURSES — sorting bar and tabs
 * ───────────────────────────────────────────── */

.masterstudy-enrolled-courses-sorting {
	border-color: var(--moyo-border, #e5e7eb) !important;
}

.masterstudy-enrolled-courses-tabs__block {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
}

.masterstudy-enrolled-courses-tabs__block.masterstudy-enrolled-courses-tabs__block_active {
	color: var(--moyo-primary, #2563eb) !important;
	border-color: var(--moyo-primary, #2563eb) !important;
}

.masterstudy-enrolled-courses-tabs__block-icon {
	background: var(--moyo-primary, #2563eb) !important;
	color: var(--moyo-on-primary, #ffffff) !important;
}

/* ─────────────────────────────────────────────
 * 17. STUDENT CARD (horizontal/row format)
 * ───────────────────────────────────────────── */

.masterstudy-student-course-card__wrapper {
	border-radius: var(--moyo-radius-lg, 8px) !important;
	background: var(--moyo-card, #ffffff) !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
	transition: box-shadow var(--moyo-transition, 0.2s ease) !important;
}

.masterstudy-student-course-card__wrapper:hover {
	box-shadow: var(--moyo-shadow-md, 0 2px 8px rgba(0,0,0,0.08)) !important;
}

.masterstudy-student-course-card__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 600 !important;
}

.masterstudy-student-course-card__title:hover {
	color: var(--moyo-primary, #2563eb) !important;
}

.masterstudy-student-course-card__info-block {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-muted, #64748b) !important;
}

.masterstudy-student-course-card__info-block i {
	color: var(--moyo-muted, #64748b) !important;
}

/* ─────────────────────────────────────────────
 * 18. INSTRUCTOR ACTIONS MODAL
 * ───────────────────────────────────────────── */

.masterstudy-instructor-course-actions__modal {
	background: var(--moyo-card, #ffffff) !important;
	border-radius: var(--moyo-radius-lg, 8px) !important;
	box-shadow: var(--moyo-shadow-lg, 0 4px 16px rgba(0,0,0,0.10)) !important;
	border: 1px solid var(--moyo-border, #e5e7eb) !important;
}

.masterstudy-instructor-course-actions__modal-link {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
}

.masterstudy-instructor-course-actions__modal-link:hover {
	color: var(--moyo-primary, #2563eb) !important;
	background: var(--moyo-info-bg, #eff6ff) !important;
}

/* Delete action — red */
.masterstudy-instructor-course-actions__modal-link[class*="delete"],
.masterstudy-instructor-course-actions__modal-link[class*="trash"] {
	color: var(--moyo-error, #ef4444) !important;
}

.masterstudy-instructor-course-actions__modal-link[class*="delete"]:hover,
.masterstudy-instructor-course-actions__modal-link[class*="trash"]:hover {
	background: var(--moyo-error-bg, #fef2f2) !important;
}

/* ─────────────────────────────────────────────
 * 19. COURSE CARD — override outline (MasterStudy uses outline: #dbe0e9)
 * ───────────────────────────────────────────── */

.masterstudy-course-card__wrapper {
	outline: none !important;
	border-radius: var(--moyo-radius-lg, 8px) !important;
}

/* ─────────────────────────────────────────────
 * 20. ACCOUNT PAGE HEADINGS
 * ───────────────────────────────────────────── */

.masterstudy-account h2,
.masterstudy-account__title {
	font-family: var(--moyo-font-heading, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 700 !important;
}

/* ─────────────────────────────────────────────
 * 21. INSTRUCTOR MODE TOGGLE
 * ───────────────────────────────────────────── */

.masterstudy-account-menu__mode-label {
	font-family: var(--moyo-font-body, 'Poppins', sans-serif) !important;
	color: var(--moyo-heading, #1e293b) !important;
	font-weight: 500 !important;
}