/* 
 * Holiday Home Ferias - Image Optimization Styles
 * These styles improve image rendering across browsers, particularly in Chrome
 */

/* Chrome-specific image rendering improvements */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    img {
        image-rendering: -webkit-optimize-contrast;
        backface-visibility: hidden;
        transform: translateZ(0);
        will-change: transform;
        filter: brightness(0.98); /* Apply hover brightness by default */
    }
    
    /* Preload images with better quality (same as hover state) */
    img:not([src*="icon"]):not(.icon) {
        filter: brightness(0.98);
        transform: translateZ(0);
    }

    /* Special handling for carousel and photo gallery images */
    .carousel1 img,
    .photo-grid-img, 
    .image-popup-content,
    #photoTourModal .room-card img {
        image-rendering: -webkit-optimize-contrast;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: transform 0.2s ease, opacity 0.2s ease, filter 0.2s ease;
        will-change: transform, opacity;
        filter: brightness(0.98); /* Make image quality better by default */
    }
    
    /* WebP specific fixes */
    img[src$=".webp"] {
        /* Optimize WebP rendering */
        image-rendering: auto;
        transform: translateZ(0);
        filter: brightness(0.98);
    }
}