/*
 * Shared page shells
 *
 * WPBakery is allowed to build marketing pages. FLIQ application pages use a
 * single shortcode and this layout layer owns the theme offset, width, and
 * responsive gutters. WooCommerce pages deliberately use the separate
 * commerce rules at the end of this file.
 */

body.fliq-app-page{
    --fliq-header-height:90px;
    --fliq-app-gutter:clamp(20px,3.5vw,72px);
    --fliq-app-block-space:34px;
    overflow-x:hidden;
}

body.fliq-app-page .site-content{
    width:100%;
    max-width:none;
    overflow:clip;
    background:#f5f7f3;
}

/* Goya's header is fixed; the application shell owns the one required offset. */
body.fliq-app-page .site-content>.header-spacer{
    display:none!important;
    height:0!important;
    min-height:0!important;
}

body.fliq-app-page .site-content>.page-padding{
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:var(--fliq-header-height) 0 0!important;
}

body.fliq-app-page .site-content>.page-header,
body.fliq-app-page .site-content>.hero-header,
body.fliq-app-page .site-content h1.page-title{
    display:none!important;
}

/* Normalize both the native editor and WPBakery down to the same empty shell. */
body.fliq-app-page .site-content>.page-padding>.container,
body.fliq-app-page .site-content>.page-padding>.container>.row,
body.fliq-app-page .site-content>.page-padding .main-content,
body.fliq-app-page .site-content>.page-padding .post-content,
body.fliq-app-page .site-content>.page-padding>.wpb-content-wrapper,
body.fliq-app-page .wpb-content-wrapper>.sec_row.container,
body.fliq-app-page .wpb-content-wrapper>.sec_row.container>.vc_row,
body.fliq-app-page .post-content>.wpb-content-wrapper,
body.fliq-app-page .post-content>.vc_row,
body.fliq-app-page .post-content>.wpb-content-wrapper>.vc_row{
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.fliq-app-page .site-content>.page-padding>.container>.row{
    display:block!important;
}

body.fliq-app-page .site-content>.page-padding .main-content{
    flex:0 0 100%!important;
}

body.fliq-app-page .post-content>.vc_row>.wpb_column,
body.fliq-app-page .post-content>.wpb-content-wrapper>.vc_row>.wpb_column,
body.fliq-app-page .wpb-content-wrapper>.sec_row.container>.vc_row>.wpb_column,
body.fliq-app-page .post-content>.vc_row>.wpb_column>.vc_column-inner,
body.fliq-app-page .post-content>.wpb-content-wrapper>.vc_row>.wpb_column>.vc_column-inner,
body.fliq-app-page .wpb-content-wrapper>.sec_row.container>.vc_row>.wpb_column>.vc_column-inner,
body.fliq-app-page .post-content>.vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper,
body.fliq-app-page .post-content>.wpb-content-wrapper>.vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper,
body.fliq-app-page .wpb-content-wrapper>.sec_row.container>.vc_row>.wpb_column>.vc_column-inner>.wpb_wrapper{
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.fliq-app-page .post-content>p:empty,
body.fliq-app-page .wpb_wrapper>p:empty,
body.fliq-app-page .fliq-dashboard-page>p:empty,
body.fliq-app-page .fliq-connect-page>p:empty{
    display:none!important;
}

body.fliq-app-page .wpb-content-wrapper>.sec_row.container .wpb_text_column{
    margin:0!important;
}

body.fliq-app-page .fliq-app-shell,
body.fliq-app-page .fliq-visitor-offer{
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:var(--fliq-app-block-space) var(--fliq-app-gutter)!important;
    background:#f5f7f3;
}

body.fliq-app-page .fliq-app-shell>.fliq-app,
body.fliq-app-page .fliq-app-shell>.fliq-public-tool{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent;
}

body.fliq-app-page .fliq-member-dashboard,
body.fliq-app-page .fliq-member-connect,
body.fliq-app-page .fliq-dashboard-page,
body.fliq-app-page .fliq-connect-page{
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

/* Purchase gates belong to the application route but retain their own design. */
body.fliq-app-page .fliq-visitor-offer>.fliq-purchase-gate{
    width:100%;
    max-width:1600px;
    margin:0 auto;
}

/* WooCommerce/account pages have their own bounded content system. */
body.fliq-commerce-page{
    --fliq-commerce-width:1180px;
    --fliq-commerce-gutter:clamp(16px,3vw,36px);
}

body.fliq-commerce-page .site-content{
    background:#f5f7f3;
}

body.fliq-commerce-page .site-content>.container{
    box-sizing:border-box;
    width:min(100%,var(--fliq-commerce-width))!important;
    max-width:var(--fliq-commerce-width)!important;
    margin:0 auto!important;
    padding:44px var(--fliq-commerce-gutter) 64px!important;
}

body.fliq-commerce-page .site-content>.container>.post-content{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

@media(max-width:991px){
    body.fliq-app-page{
        --fliq-header-height:60px;
    }
}

@media(max-width:620px){
    body.fliq-app-page{
        --fliq-app-gutter:12px;
        --fliq-app-block-space:20px;
    }

    body.fliq-commerce-page .site-content>.container{
        padding-top:28px!important;
        padding-bottom:44px!important;
    }
}