/* KR Shop Background Manager v1.1 */
html:has(body.krsbm-active){background:#fff}
body.krsbm-active{
    background:var(--krsbm-color)!important;
    position:relative;
}
body.krsbm-active::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-color:var(--krsbm-color);
    background-image:var(--krsbm-bg);
    background-repeat:var(--krsbm-repeat);
    background-position:var(--krsbm-pos);
    background-size:var(--krsbm-size);
    background-attachment:var(--krsbm-attach);
    opacity:var(--krsbm-opacity);
}

/* Common WordPress / WooCommerce / Elementor / theme wrappers */
body.krsbm-active #page,
body.krsbm-active .site,
body.krsbm-active #content,
body.krsbm-active .site-content,
body.krsbm-active #primary,
body.krsbm-active .content-area,
body.krsbm-active main,
body.krsbm-active article,
body.krsbm-active .entry-content,
body.krsbm-active .page-content,
body.krsbm-active .woocommerce,
body.krsbm-active .woocommerce-page,
body.krsbm-active .elementor,
body.krsbm-active .elementor-page,
body.krsbm-active .elementor-section-wrap,
body.krsbm-active .elementor-location-single,
body.krsbm-active .elementor-location-archive{
    background:transparent!important;
    position:relative;
    z-index:1;
}

/* Let the chosen panel mode control product/content zones */
body.krsbm-active ul.products,
body.krsbm-active .products,
body.krsbm-active .woocommerce-products-header{
    background:var(--krsbm-panel)!important;
    position:relative;
    z-index:2;
}

/* Elementor containers often carry their own white background */
body.krsbm-active .e-con,
body.krsbm-active .e-con-inner,
body.krsbm-active .elementor-widget-wrap{
    background-color:transparent;
}

@media(max-width:767px){
    body.krsbm-active::before{background-attachment:scroll}
}