/* ============================================
   MOBILE IMAGES FIX
   Ensures all images display correctly on mobile devices
   ============================================ */

/* Ensure all images are visible on mobile */
@media (max-width: 768px) {
    /* Force display for all images */
    img {
        display: block !important;
        max-width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Fix lazy-loaded images that might not have loaded class */
    img[loading="lazy"] {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Ensure featured images display */
    .featured-image,
    .post-thumbnail img,
    .wp-post-image,
    .attachment-post-thumbnail,
    img.wp-post-image {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
    
    /* Homepage images */
    .hero-section img,
    .service-card img,
    .service-card-enhanced img,
    .services-grid img {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Doctor images */
    .doctor-card img,
    .doctor-photo img,
    .photo-section img {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Gallery images */
    .gallery img,
    .image-gallery img,
    .wp-block-gallery img {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Content images */
    .entry-content img,
    .post-content img,
    .page-content img,
    .wp-block-image img {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Banner images */
    section[style*="background-image"] {
        background-image: inherit !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    /* Service icons and images */
    .service-icon img,
    .service-icon i {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Ensure no images are hidden */
    img[style*="display: none"],
    img[style*="visibility: hidden"] {
        display: block !important;
        visibility: visible !important;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    img {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Ensure all image types are visible */
    .featured-image,
    .post-thumbnail img,
    .wp-post-image,
    img[loading="lazy"] {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
}
