/* ============================================
   VEREINFACHTE ANSICHT FÜR ELIZA MOBILE
   ELIZA Mobile öffnet Inhalte in einem Browserfenster der App (Custom Tab)
   mit ?eliza_mobile=1. Das Script oben in base.html merkt sich das pro Tab
   und setzt html.eliza-mobile-ansicht. Das Fenster hat eigene Leiste mit
   Titel und Schliessen-Knopf, deshalb bleibt nur der Seiteninhalt.
   ============================================ */

/* Navigation und Assistenten ausblenden; Breadcrumbs, Meldungen und Modals bleiben */
html.eliza-mobile-ansicht body > header,
html.eliza-mobile-ansicht body > footer,
html.eliza-mobile-ansicht .mobile-nav-wrapper,
html.eliza-mobile-ansicht #lizzy-toggle,
html.eliza-mobile-ansicht #lizzy-window,
html.eliza-mobile-ansicht #chatbot-btn-wrapper,
html.eliza-mobile-ansicht #chatbot-collapse-tab,
html.eliza-mobile-ansicht #chatbot-window,
html.eliza-mobile-ansicht #notification-prompt-banner,
html.eliza-mobile-ansicht .news-popup-overlay {
    display: none !important;
}

/* Kein Platz für Sidenav (Desktop, Mini-Modus) und Bottom-Menü */
html.eliza-mobile-ansicht body.with-sidebar main,
html.eliza-mobile-ansicht body.with-sidebar.sidenav-mini main {
    padding-left: 0 !important;
}

html.eliza-mobile-ansicht body.with-mobile-nav main {
    padding-bottom: env(safe-area-inset-bottom) !important;
}

/* Schwebende Knöpfe wieder an den unteren Rand */
html.eliza-mobile-ansicht body.with-mobile-nav .fixed-action-btn,
html.eliza-mobile-ansicht body.with-mobile-nav .btn-floating.fixed-bottom-right,
html.eliza-mobile-ansicht body.with-mobile-nav .btn-floating[style*="position: fixed"],
html.eliza-mobile-ansicht body.with-mobile-nav a.btn-floating[href*="add"],
html.eliza-mobile-ansicht body.with-mobile-nav a.btn-floating[href*="create"],
html.eliza-mobile-ansicht body.with-mobile-nav .fixed-action-btn.direction-top,
html.eliza-mobile-ansicht body.with-mobile-nav .fixed-action-btn.direction-left,
html.eliza-mobile-ansicht body.with-mobile-nav .fixed-action-btn.direction-right {
    bottom: calc(16px + env(safe-area-inset-bottom)) !important;
}

html.eliza-mobile-ansicht body.with-mobile-nav .fixed-bottom,
html.eliza-mobile-ansicht body.with-mobile-nav [class*="fixed-bottom"] {
    bottom: env(safe-area-inset-bottom) !important;
}