/* Force White Background - Remove Gray Background */

/* All screen sizes */
html {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Site wrapper */
.site,
#page {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Banner wrapper - force white background */
.hero-banner-wrapper,
.hero-banner-section,
.hero-banner-top {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Content areas */
.site-content,
#content,
.content-area {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Main content */
.site-main,
#main,
#primary {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Desktop specific */
@media (min-width: 768px) {
    html,
    body {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
    
    /* Remove any gray backgrounds */
    .site,
    #page,
    .site-content,
    .content-area,
    .site-main {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
}

/* Large screens */
@media (min-width: 1200px) {
    html,
    body {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
}

/* Ultra wide screens */
@media (min-width: 1400px) {
    html,
    body {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
}

/* Override any gradient backgrounds */
body,
.site {
    background-image: none !important;
}

/* Ensure white background with highest specificity */
html body,
html body.home,
html body.blog,
html body.single,
html body.page,
html body.archive {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}