/* Match the storefront background on cart and checkout page containers. */
body.harmony-commerce-page,
body.harmony-commerce-page :is(
    #page,
    #content,
    .site-content,
    .content-area,
    main,
    .site-main,
    .entry-content,
    .wp-site-blocks
) {
    background-color: #EFEFF7 !important;
}

/* Replace the theme's site header only after the shared Vue header is mounted. */
body.harmony-commerce-header-ready :is(
    #masthead,
    #site-header,
    .site-header,
    .elementor-location-header,
    header.wp-block-template-part
) {
    display: none !important;
}

#harmony-header {
    width: 100%;
    margin: 0;
    padding: 0;
}