/**
 * Embed / iframe chrome strip — used with blank template and as JS fallback.
 */

html.tft-embed-mode,
body.tft-embed-mode {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: transparent !important;
}

/* Theme / site chrome (GeneratePress child + common WP patterns) */
body.tft-embed-mode .compact-site-header,
body.tft-embed-mode .apple-site-footer,
body.tft-embed-mode #colophon,
body.tft-embed-mode #masthead,
body.tft-embed-mode .site-header,
body.tft-embed-mode .site-footer,
body.tft-embed-mode .mobile-drawer-nav,
body.tft-embed-mode .mobile-menu-overlay,
body.tft-embed-mode .admin-bar,
body.tft-embed-mode #wpadminbar,
body.tft-embed-mode .skip-link {
    display: none !important;
}

/* GeneratePress layout wrappers — drop outer padding when theme template still used */
body.tft-embed-mode .site.grid-container,
body.tft-embed-mode .site-content,
body.tft-embed-mode .content-area,
body.tft-embed-mode .site-main,
body.tft-embed-mode .inside-article,
body.tft-embed-mode .entry-content,
body.tft-embed-mode .entry-header {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
    min-height: 100% !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tft-embed-mode .entry-header,
body.tft-embed-mode .page-header,
body.tft-embed-mode .entry-meta {
    display: none !important;
}

/*
 * Full quiz in iframe:
 * - shell fills the iframe height so atmosphere stretches
 * - panel stays vertically centered when content is short
 */
body.tft-embed-mode #tft-quiz-app.tft-full-app {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 28px 16px;
    box-sizing: border-box;
}

body.tft-embed-mode #tft-quiz-app.tft-full-app .tft-full-atmosphere {
    position: absolute;
    inset: 0;
    border-radius: 0;
}

body.tft-embed-mode #tft-quiz-app.tft-full-app .tft-full-panel,
body.tft-embed-mode #tft-quiz-app.tft-full-app .container {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* Express quiz */
body.tft-embed-mode #tft-quiz-app:not(.tft-full-app) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 20px 12px;
    box-sizing: border-box;
}

body.tft-embed-mode #tft-quiz-app:not(.tft-full-app) .container {
    margin: 0;
    padding: 20px 16px;
    box-shadow: none;
}

/* Lifecycle questionnaire */
body.tft-embed-mode #tft-lc-app {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 auto;
    padding: 20px 12px;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0;
}