/* ============================================================================
   Daybreak-specific overrides for the 2026 login engine (PR 8 Phase A.3).
   login-2026.css already lays the form to the LEFT (`.lg-shell {
   justify-content: flex-start; padding-left: max(24px, 5vw); }`). Daybreak's
   theme template wraps the login view in `.public-content-area` which
   centers its child via flex, undoing the engine's left-align and pushing
   the glass card to the middle of the viewport on top of the scene.

   Strip that wrapper's centering whenever the body has `.lg-host` so the
   engine's own positioning wins. Mobile (`@media (max-width: 880px)`) in
   login-2026.css will still re-center the card at narrow widths.
   ============================================================================ */
body.lg-host .public-content-area {
    display: block !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    background: transparent !important;
    min-height: 100vh;
}

/* Daybreak's #content padding shrinks the visible scene area; zero it on
   login pages so the scene + glass form get the whole viewport. */
body.lg-host #content,
body.lg-host #wrapper,
body.lg-host .main-container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 100vh;
}

/* Daybreak's index.php base body rule sets `display: flex; flex-direction:
   column` which is fine for normal pages but on login we want the scene to
   own absolute positioning under the form. The .lg-shell handles its own
   layout, so resetting body to block-flow keeps the engine in charge. */
body.lg-host {
    display: block !important;
}

/* PR 8 Phase F.1 - the admin chrome bundle (_layout.css) pushes body
   down by header-height + 10px to clear its fixed header. Login pages
   don't render the header, so the padding would leave a gap above the
   scene + form. Zero it out for lg-host. Same for the wrapper margin
   from _layout.css (no sidebar on login either). */
body.lg-host,
body.theme-new.lg-host {
    padding-top: 0 !important;
}

body.theme-new.lg-host #wrapper,
body.theme-new.lg-host .content-wrapper {
    margin-left: 0 !important;
    min-height: 100vh !important;
}