/**
 * App Host — dashboard stub + Textbuddy overlay.
 * Menubar styles live in scribigo-app-chrome.css.
 */

body.scribigo-app-host #masthead,
body.scribigo-app-host .ast-desktop-header,
body.scribigo-app-host .ast-mobile-header-wrap,
body.scribigo-app-host .ast-main-header-wrap,
body.scribigo-app-host .main-header-bar-wrap,
body.scribigo-app-host .entry-header,
body.scribigo-app-host #colophon,
body.scribigo-app-host .site-footer,
body.scribigo-app-host .ast-footer-overlay,
body.scribigo-app-host .footer-adv,
body.scribigo-app-host .ast-small-footer,
body.scribigo-app-host .ast-footer-copyright,
body.scribigo-app-host #astra-footer-adv {
    display: none !important;
}

body.scribigo-app-host .site-content,
body.scribigo-app-host .ast-container,
body.scribigo-app-host .entry-content,
body.scribigo-app-host #content,
body.scribigo-app-host #page {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

body.scribigo-app-host #content,
body.scribigo-app-host .site-content,
body.scribigo-app-host #page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Fixed host chrome is out of flow — keep the dashboard below it. */
body.scribigo-app-host {
    padding-top: var(--scribigo-chrome-bar-height, 48px);
}

.scribigo-app-host-shell {
    min-height: calc(100vh - var(--scribigo-chrome-bar-height, 48px));
}

.scribigo-app-host-stage {
    position: relative;
    z-index: 1;
    min-height: calc(100vh - var(--scribigo-chrome-bar-height, 48px) - var(--wp-admin--admin-bar--height, 0px));
    background: var(--ast-global-color-5, #f9f4ee);
}

/* New chrome: stage lives in the agent workspace column, not the old page overlay. */
.scribigo-chrome-main {
    position: relative;
}

.scribigo-app-host-stage--in-main {
    position: absolute;
    top: var(--scribigo-chrome-bar-height, var(--sg-row1-height, 60px));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    min-height: 0;
    display: none;
    background: #fff;
}

.scribigo-app-host-stage--in-main.is-iframe,
.scribigo-app-host-stage--in-main.is-demo-hint {
    display: block;
}

.scribigo-app-host-demo-hint {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 24px 20px;
    overflow: auto;
    background: var(--ast-global-color-5, #f9f4ee);
}

.scribigo-app-host-demo-hint[hidden] {
    display: none !important;
}

.scribigo-app-host-demo-hint .sg-demo-preview-offer {
    max-width: 28rem;
}

.scribigo-app-host-demo-hint .sg-demo-preview-offer__actions {
    flex-direction: column;
    align-items: center;
}

html.scribigo-host-site-front .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main),
body.scribigo-host-site-front .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main) {
    position: fixed;
    top: var(--scribigo-host-overlay-top, calc(var(--wp-admin--admin-bar--height, 0px) + var(--scribigo-chrome-bar-height, 48px)));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99985;
    min-height: 0;
}

/* Chrome layout: keep sidebar + topbar clickable; cover page/Textbuddy only. */
html.scribigo-host-site-front body.scribigo-app-chrome .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main),
body.scribigo-host-site-front.scribigo-app-chrome .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main) {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--scribigo-chrome-bar-height, var(--sg-row1-height, 60px)));
    left: var(--sg-sidebar-width, 256px);
}

html.scribigo-host-site-front body.scribigo-app-chrome--rail .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main),
body.scribigo-host-site-front.scribigo-app-chrome--rail .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main) {
    left: var(--sg-sidebar-rail, 72px);
}

@media (max-width: 767px) {
    html.scribigo-host-site-front body.scribigo-app-chrome--agent .scribigo-app-host-stage,
    body.scribigo-host-site-front.scribigo-app-chrome--agent .scribigo-app-host-stage {
        left: 0;
        bottom: 0;
    }

    .scribigo-app-host-stage--in-main,
    html.scribigo-host-site-front .scribigo-app-host-stage--in-main,
    body.scribigo-host-site-front .scribigo-app-host-stage--in-main,
    html.scribigo-host-site-front body.scribigo-app-chrome--agent .scribigo-app-host-stage--in-main,
    body.scribigo-host-site-front.scribigo-app-chrome--agent .scribigo-app-host-stage--in-main {
        left: 0;
        bottom: 0;
    }
}

html.scribigo-host-site-front .scribigo-app-host-stage--in-main,
body.scribigo-host-site-front .scribigo-app-host-stage--in-main,
html.scribigo-host-site-front body.scribigo-app-chrome .scribigo-app-host-stage--in-main,
body.scribigo-host-site-front.scribigo-app-chrome .scribigo-app-host-stage--in-main,
html.scribigo-host-site-front body.scribigo-app-chrome--rail .scribigo-app-host-stage--in-main,
body.scribigo-host-site-front.scribigo-app-chrome--rail .scribigo-app-host-stage--in-main,
html.scribigo-textbuddy-open .scribigo-app-host-stage--in-main,
body.scribigo-textbuddy-open .scribigo-app-host-stage--in-main {
    position: absolute;
    top: var(--scribigo-chrome-bar-height, var(--sg-row1-height, 60px));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    min-height: 0;
}

.scribigo-app-host-shell--injected {
    position: fixed;
    inset: 0;
    min-height: 0;
    pointer-events: none;
    z-index: 0;
}

html.scribigo-host-site-front .scribigo-app-host-shell--injected,
body.scribigo-host-site-front .scribigo-app-host-shell--injected {
    pointer-events: none;
    z-index: 99985;
}

html.scribigo-host-site-front .scribigo-app-host-shell--injected .scribigo-app-host-stage,
body.scribigo-host-site-front .scribigo-app-host-shell--injected .scribigo-app-host-stage {
    pointer-events: auto;
}

html.scribigo-textbuddy-open .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main),
body.scribigo-textbuddy-open .scribigo-app-host-stage:not(.scribigo-app-host-stage--in-main) {
    z-index: 1;
}

#scribigoAppHostFrame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
    z-index: 1;
}

#scribigoAppHostFrame[hidden] {
    display: none !important;
}

/* Agent waiting spinner (.loading-spinner) — stage only, never over the menubar. */
.scribigo-app-host-loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(248, 249, 250, 0.9);
    backdrop-filter: blur(2px);
}

.scribigo-app-host-loading.is-visible {
    display: flex;
}

.scribigo-app-host-loading[hidden] {
    display: none !important;
}

html.scribigo-textbuddy-open .scribigo-app-host-loading,
body.scribigo-textbuddy-open .scribigo-app-host-loading {
    display: none !important;
}

html body.scribigo-app-embed {
    margin-top: 0 !important;
}

body.scribigo-app-embed #wpadminbar,
body.scribigo-app-embed #scribigoAppChrome,
body.scribigo-app-embed #masthead,
body.scribigo-app-embed .ast-desktop-header,
body.scribigo-app-embed .ast-mobile-header-wrap,
body.scribigo-app-embed .ast-main-header-wrap,
body.scribigo-app-embed .main-header-bar-wrap,
body.scribigo-app-embed .ast-hfb-header,
body.scribigo-app-embed #colophon,
body.scribigo-app-embed .site-footer,
body.scribigo-app-embed .ast-footer-overlay,
body.scribigo-app-embed .footer-adv,
body.scribigo-app-embed .ast-small-footer,
body.scribigo-app-embed .ast-footer-copyright,
body.scribigo-app-embed #astra-footer-adv {
    display: none !important;
}

body.scribigo-app-embed {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.scribigo-app-embed #content,
body.scribigo-app-embed .site-content,
body.scribigo-app-embed #page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.scribigo-app-host-overlay {
    position: fixed;
    top: var(--scribigo-host-overlay-top, calc(var(--wp-admin--admin-bar--height, 0px) + var(--scribigo-chrome-bar-height, 48px)));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99980;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--ast-global-color-5, #ffffff);
    visibility: hidden;
    pointer-events: none;
}

html.scribigo-textbuddy-open .scribigo-app-host-overlay,
body.scribigo-textbuddy-open .scribigo-app-host-overlay {
    visibility: visible;
    pointer-events: auto;
    overflow: hidden;
    z-index: 99986;
}

html.scribigo-host-site-front .scribigo-app-host-overlay,
body.scribigo-host-site-front .scribigo-app-host-overlay {
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
}

.scribigo-app-host-overlay .scribigo-agent-container {
    height: 100% !important;
    max-height: 100% !important;
    flex: 1 1 auto;
}

.scribigo-app-host-overlay #agentPreviewToolbar #toolbarMainMenuToggle {
    display: none !important;
}

body.admin-bar.scribigo-app-host .scribigo-app-host-stage {
    min-height: calc(100vh - var(--scribigo-chrome-bar-height, 48px) - 32px);
}

@media screen and (max-width: 782px) {
    body.admin-bar.scribigo-app-host .scribigo-app-host-stage {
        min-height: calc(100vh - var(--scribigo-chrome-bar-height, 48px) - 46px);
    }
}
