/**
 * WebP Background Images with Fallbacks
 * Uses modernizr-style feature detection via @supports
 */

/* Hero Banner - Homepage */
.page-home .slide_img.desk_img {
    background-image: url('/images/8469_d.jpg'); /* Fallback */
}

/* WebP support detection using @supports */
@supports (background-image: -webkit-image-set(url('data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=') 1x)) {
    .page-home .slide_img.desk_img {
        background-image: url('/images/8469_d.webp');
    }
}

/* Logo */
.custom_logo {
    background-image: url('/images/LU_Logo_Online_Horizontal_3C_BLK_GLD_WHT-1.png'); /* Fallback */
}

@supports (background-image: -webkit-image-set(url('data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=') 1x)) {
    .custom_logo {
        background-image: url('/images/LU_Logo_Online_Horizontal_3C_BLK_GLD_WHT-1.webp');
    }
}

/* Footer Logo - now uses <img> tag with <picture> for webp support, no background needed */

/**
 * Alternative approach using image-set() (more modern)
 * Commented out - use if browser support is sufficient
 */
/*
.page-home .slide_img.desk_img {
    background-image: image-set(
        url('/images/8469_d.webp') type('image/webp'),
        url('/images/8469_d.jpg') type('image/jpeg')
    );
}
*/