/*
 * present-mode diffs.
 *
 * Baseline render = editor UI.
 * These rules apply when a page is loaded with ?present=1 (live presentation
 * viewer or as the baseline for the PDF exporter). Bootstrap: body gets
 * .present-mode via static/js/view-mode.js.
 *
 * Add a rule here whenever an element should be visible in the editor but
 * hidden during a live presentation. Group by host template.
 */

/* ── Demo Pages editor (demo_pages/templates/project_editor.html) ─── */
body.present-mode .lm-topnav,
body.pdf-mode .lm-topnav {
    display: none !important;
}

body.present-mode #lm-chatbot-drawer {
    display: none !important;
}

body.present-mode #es-toolbar,
body.present-mode #es-sidebar,
body.present-mode #es-chat-panel {
    display: none !important;
}

/* Viewport controls hidden in present / PDF export — keep title/subtitle info visible */
body.present-mode .vr-tb-right,
body.present-mode .vcm-tb-right {
    display: none !important;
}

/* vhi-toolbar has no user-visible content in presentation mode */
body.present-mode .vhi-toolbar {
    display: none !important;
}

/* ── Layout: reclaim topnav height when nav is hidden ────────────── */
/* .lm-content-wrap and body.lm-editor-page .lm-page both use          */
/* calc(100vh - 56px) to leave room for the topnav. With the nav gone   */
/* that 56px shows as a bar at the bottom matching the body background. */
body.present-mode .lm-content-wrap {
    height: 100vh !important;
}
body.present-mode.lm-editor-page .lm-page {
    height: 100vh !important;
}

/* ── Account Detail (templates/account_detail.html) ──────────────── */
body.present-mode .topbar,
body.present-mode .nav-tabs {
    display: none !important;
}
body.present-mode .dashboard-content {
    padding-top: 16px !important;
}