/**
 * Course Image Fallback - Gradient Placeholder
 * Date: October 2, 2025
 */

/* Course image fallback with gradient */
.mm-course-card__image {
    background: linear-gradient(135deg, #5B51FF 0%, #00D4FF 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide broken images and show gradient instead */
.mm-course-card__image img[src*="default-course.jpg"],
.mm-course-card__image img:not([src]),
.mm-course-card__image img[src=""] {
    opacity: 0;
}

/* Add MedMentor text overlay when image missing */
.mm-course-card__image::after {
    content: 'MedMentor';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Archivo', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: white;
    opacity: 0.8;
    pointer-events: none;
}

/* Hide overlay if real image exists and is loaded */
.mm-course-card__image img[src]:not([src*="default-course"]) ~ ::after {
    display: none;
}

/* On error, show gradient */
.mm-course-card__image img {
    object-fit: cover;
}

.mm-course-card__image img[onerror] {
    opacity: 0;
}