/* High Resolution Image Optimization */

/* Base image quality improvements */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: bicubic;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}

/* High-DPI display optimizations */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Retina display specific optimizations */
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
    img {
        image-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Blog image specific enhancements */
.blog-image img,
.blog-featured-image {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto;
    filter: contrast(1.05) saturate(1.1) brightness(1.01);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all var(--transition-base);
}

/* Featured image containers */
.blog-image {
    position: relative;
    height: 200px;
    overflow: hidden;
    background: var(--light-gray);
}

/* Hero images */
.hero-image,
.hero-image img {
    image-rendering: auto;
    filter: contrast(1.02) saturate(1.05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Partner/client logos */
.partner-img,
.client-logo {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    filter: contrast(1.1) brightness(1.02);
    transition: all var(--transition-base);
}

/* Thumbnail images */
.thumbnail img,
.wp-post-image {
    image-rendering: auto;
    filter: contrast(1.03) saturate(1.08);
}

/* Lazy loading enhancements */
img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img[loading="lazy"].loaded {
    opacity: 1;
}

/* WebP support detection */
.webp img {
    image-rendering: auto;
    filter: contrast(1.02) saturate(1.05);
}

/* AVIF support detection */
.avif img {
    image-rendering: auto;
    filter: contrast(1.01) saturate(1.03);
}

/* Responsive image enhancements */
img[sizes] {
    image-rendering: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Print styles for images */
@media print {
    img {
        image-rendering: auto;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    img {
        filter: brightness(0.95) contrast(1.05);
    }
    
    .blog-image img {
        filter: brightness(0.95) contrast(1.08) saturate(1.1);
    }
}

/* Motion preferences */
@media (prefers-reduced-motion: reduce) {
    img {
        transition: none;
    }
    
    .blog-image img,
    .blog-featured-image {
        transition: none;
        transform: none;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    img {
        filter: contrast(1.3) saturate(0.8);
    }
}