/**
 * Image Fallback Styles for Koursio
 * Ensures fallback images display properly
 */

/* Service icons fallback styling */
.services .item .icon img[src*="logo.png"] {
    max-width: 60px !important;
    height: 60px !important;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Course images fallback styling */
.our-courses .item img[src*="logo.png"] {
    max-width: 100% !important;
    height: 200px !important;
    object-fit: contain;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
    border-radius: 10px;
}

/* Video play icon fallback */
.video img[src*="logo.png"] {
    max-width: 80px !important;
    height: 80px !important;
    object-fit: contain;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    padding: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* General fallback image styling */
img[src*="logo.png"] {
    transition: all 0.3s ease;
}

img[src*="logo.png"]:hover {
    transform: scale(1.05);
}