/* Landing header and footer integration for WooCommerce pages. */
html,
body.dss-uses-landing-chrome {
    margin: 0;
    padding: 0;
}

body.dss-uses-landing-chrome .dss-landing-layout {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: visible;
}

body.dss-uses-landing-chrome .dss-imported-landing-header,
body.dss-uses-landing-chrome .dss-imported-landing-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.dss-uses-landing-chrome > header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome > footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome #page > header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome #page > footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .site > header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome .site > footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome #masthead:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome header.site-header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome .main-header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome .header-area:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome .header-wrapper:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome .elementor-location-header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome [data-elementor-type="header"]:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome #colophon:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome footer.site-footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .main-footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .footer-area:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .footer-wrapper:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .elementor-location-footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome [data-elementor-type="footer"]:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .dss-theme-chrome-removed {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

body.dss-uses-landing-chrome.admin-bar .dss-imported-landing-header {
    --wp-admin--admin-bar--height: 32px;
}

@media (max-width: 782px) {
    body.dss-uses-landing-chrome.admin-bar .dss-imported-landing-header {
        --wp-admin--admin-bar--height: 46px;
    }
}

/* Block themes can wrap the original header/footer in template parts. */
body.dss-uses-landing-chrome .wp-site-blocks > header:not(.dss-imported-landing-header),
body.dss-uses-landing-chrome .wp-site-blocks > footer:not(.dss-imported-landing-footer),
body.dss-uses-landing-chrome .wp-site-blocks > .wp-block-template-part.dss-theme-chrome-removed,
body.dss-uses-landing-chrome #page > .wp-block-template-part.dss-theme-chrome-removed,
body.dss-uses-landing-chrome .site > .wp-block-template-part.dss-theme-chrome-removed {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}