/* Slider Image Quality Improvements */

/* Improve image rendering quality */
.hero-slider .item,
.hero-slide,
.hero-area3 .item {
    /* Better image rendering */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: optimize-quality;
    
    /* Prevent blurry scaling */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    
    /* Better scaling algorithm */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/* Optimize background image rendering */
.hero-slider .item,
.hero-slide,
.hero-area3 .item {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    
    /* Better background image rendering */
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

/* High DPI display support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .hero-slider .item,
    .hero-slide,
    .hero-area3 .item {
        /* Use higher quality images for retina displays */
        background-size: cover !important;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: optimize-quality;
    }
}

/* Prevent image compression artifacts */
.hero-slider .item,
.hero-slide,
.hero-area3 .item {
    /* Smooth transitions */
    transition: background-image 0.3s ease-in-out;
    
    /* Prevent subpixel rendering issues */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .hero-slider .item,
    .hero-slide,
    .hero-area3 .item {
        /* Maintain quality on mobile */
        background-size: cover !important;
        background-position: center !important;
        
        /* Prevent mobile browser compression */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Ensure proper aspect ratio maintenance */
.hero-slider .item {
    /* Maintain aspect ratio while covering */
    background-attachment: scroll;
}

/* Theme-specific optimizations */
.body_theme2 .hero-slider .item {
    /* Theme 2 specific quality improvements */
    image-rendering: optimize-quality;
}

.hero-area3 .item {
    /* Theme 3 specific quality improvements */
    image-rendering: optimize-quality;
}