/* Ultra High-Quality Image Rendering CSS */

/* Navbar logo with perfect clarity */
.logo-img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: high-quality;
    filter: contrast(1.05) brightness(1.02) saturate(1.05);
    transition: all 0.3s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Responsive high-DPI navbar logo */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-img {
        /* Retina displays get 2x images */
        content: url('../assets/ultra-quality/logo-white-navbar-2x.webp');
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .logo-img {
        /* Ultra-high DPI displays get 3x images */
        content: url('../assets/ultra-quality/logo-white-navbar-3x.webp');
    }
}

/* Footer logo with perfect clarity */
.footer-logo-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: high-quality;
    filter: contrast(1.05) brightness(1.02) saturate(1.05);
    backface-visibility: hidden;
    transform: translateZ(0);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .footer-logo-img {
        content: url('../assets/ultra-quality/logo-white-footer-2x.webp');
    }
}

/* Ultra-crisp rooster mascot */
.rooster-mascot-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: high-quality;
    filter: contrast(1.08) brightness(1.03) saturate(1.1) sharpness(1.2);
    transition: all 0.3s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Responsive high-DPI rooster mascot */
@media (max-width: 768px) {
    .rooster-mascot-img {
        max-width: 200px;
    }
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .rooster-mascot-img {
        content: url('../assets/ultra-quality/rooster-mascot-small-2x.webp');
    }
}

@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2) {
    .rooster-mascot-img {
        content: url('../assets/ultra-quality/rooster-mascot-medium-2x.webp');
    }
}

/* Ultra-high resolution displays */
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .rooster-mascot-img {
        content: url('../assets/ultra-quality/rooster-mascot-large-2x.webp');
    }
}

/* Enhanced hover effects for crisp images */
.nav-logo:hover .logo-img {
    transform: scale(1.05) translateZ(0);
    filter: contrast(1.1) brightness(1.05) saturate(1.1);
}

.hero-mascot:hover .rooster-mascot-img {
    transform: scale(1.02) translateZ(0);
    filter: contrast(1.1) brightness(1.05) saturate(1.15) sharpness(1.3);
}

/* Performance optimizations for ultra-quality images */
.logo-img,
.footer-logo-img,
.rooster-mascot-img {
    will-change: transform;
    contain: layout style paint;
}

/* Print quality */
@media print {
    .logo-img,
    .footer-logo-img,
    .rooster-mascot-img {
        image-rendering: -webkit-optimize-contrast;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}