/* WebP Optimization Styles */
.webp-support img.webp-optimized {
  transition: opacity 0.2s ease-in-out;
}

.webp-support img[data-webp] {
  opacity: 0.9;
}

.webp-support img.webp-loaded {
  opacity: 1;
}

/* Lazy loading optimization */
img[loading="lazy"] {
  transition: opacity 0.3s ease;
}

img[loading="lazy"]:not(.loaded) {
  opacity: 0.8;
}

/* Responsive image optimization */
img {
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}

/* DROPDOWN IMAGE EXCEPTION - Prevent global styles from affecting navigation thumbs */
.dropdown-img-thumb {
  max-width: unset !important;
  height: unset !important;
}

/* High-DPI image optimization */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .webp-support img.high-dpi {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* Performance hint classes */
.critical-image {
  fetchpriority: high;
}

.deferred-image {
  content-visibility: auto;
}