/* WebP background images with fallback */
/* Created: October 11, 2025 */

/* Default JPEG backgrounds */
.page-title-area {
    background-image: url("/mstrpc/images/background/page-title.jpg");
    background-size: cover;
    background-position: center;
}

/* WebP support (detected via JavaScript) */
.webp .page-title-area {
    background-image: url("/mstrpc/images/background/webp/page-title.webp");
}

/* Responsive backgrounds */
@media (max-width: 768px) {
    .page-title-area {
        background-image: url("/mstrpc/images/background/responsive/page-title-mobile.jpg");
    }

    .webp .page-title-area {
        background-image: url("/mstrpc/images/background/webp/page-title-mobile.webp");
    }
}

/* Lazy load backgrounds */
.lazy-bg {
    background-image: none !important;
}

.lazy-bg.loaded {
    transition: opacity 0.3s;
    opacity: 1;
}