/* ============================================================================================================*/
/*================================ THEME GLOBALS - UNIVERSAL THEME STYLES ====================================*/
/* ============================================================================================================*/
/* Load this file AFTER theme.css and BEFORE page-specific CSS on ALL pages */

/* ==================== BODY BACKGROUND - UNIVERSAL ==================== */
body {
    background: var(--bg-primary) var(--bg-image) no-repeat center center fixed !important;
    background-size: cover !important;
    transition: background-color 0.5s ease, background-image 0.5s ease !important;
}

/* ==================== PREVENT BACKGROUND BLUR ON NESTED ELEMENTS ==================== */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-primary) var(--bg-image) no-repeat center center fixed;
    background-size: cover;
    z-index: -1;
    transition: background-color 0.5s ease, background-image 0.5s ease;
}

/* ==================== ENSURE IMAGES DON'T GET BACKDROP FILTER ==================== */
img {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==================== SMOOTH THEME TRANSITIONS - GLOBAL ==================== */
body,
.floating-nav,
.social-nav,
.article-hero,
.article-large,
.article-medium,
.article-small,
.article-half,
.carousel-item,
.gear-card,
.channel-card,
.destination-card,
.featured-box,
.event-calendar-box,
.community-nav-menu,
.carousel-thumbnails,
.sidebar-article,
.bottom-article,
.editors-pick-card,
.news-card-horizontal,
.column-news-card,
.large-feature-banner {
    transition: background-color 0.5s ease,
                background-image 0.5s ease,
                border-color 0.5s ease,
                color 0.5s ease;
}