/* High Quality Image Optimization */

/* Global image quality settings - optimized for compatibility */
img {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Removed image-rendering properties for better browser compatibility */
}

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

img[loading="lazy"]:not([src]) {
    opacity: 0;
}

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

/* Avatar quality optimization */
.post-avatar-picture,
.user-avatar-picture {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* Removed image-rendering properties for better browser compatibility */
}

/* Photo grid optimization */
.photo-grid img,
.grid-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

/* Hover effects for better quality perception */
.photo-grid img:hover,
.grid-photo img:hover {
    transform: scale(1.02);
}

/* Lightbox image quality */
.js_lightbox img {
    max-width: 100%;
    height: auto;
    /* Removed image-rendering properties for better browser compatibility */
}

/* Background images quality */
[data-background-image],
[data-lazy-background] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* Removed image-rendering properties for better browser compatibility */
}
