/**
 * Showroom Recall — Frontend Specific CSS
 * Overrides theme styles to ensure the SPA looks perfect on mobile frontend
 * @since 3.1.0
 */

/* Force full width without theme padding/margins */
body.page-template-default,
body.page,
html {
    overflow-x: hidden !important;
}

/* Common container resets for standard themes like Astra, OceanWP, generic */
.container,
.site-content,
.site-main,
.entry-content,
.page-content,
.ast-container,
#content,
#main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Hide common theme headers/footers if the user wants an exact App feel (optional based on theme class) */
/* .site-header, .site-footer { display: none !important; } */

.sr-frontend-wrapper {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    /* Breakout from container */
    background-color: var(--sr-bg-root, #13132B);
}

#horeka-showroom-recall {
    min-height: 100vh;
    border-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Overriding any WP frontend admin bar overlap */
@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }

    #wpadminbar {
        display: none !important;
    }
}

/* Hide unneeded elements if added to a raw page */
.entry-header {
    display: none !important;
}

/* Hide 3rd-party floating badges or Quick Checkout widgets from obstructing our app */
body:has(.sr-frontend-wrapper) [class*="quick"],
body:has(.sr-frontend-wrapper) [class*="checkout-badge"],
body:has(.sr-frontend-wrapper) [class*="floating-cart"],
body:has(.sr-frontend-wrapper) .xoo-wsc-modal,
.sr-frontend-wrapper [class*="quick"],
.sr-frontend-wrapper [class*="floating"] {
    display: none !important;
}