/**
 * Theme/Base -- column0 (full-bleed) layout.
 *
 * Companion stylesheet of Resources/views/Layout/column0.html.twig. The layout
 * empties every chrome block; this file removes the spacing those blocks used to
 * reserve, so the page content really starts at the viewport edges.
 *
 * Every rule is scoped under #wrapper.badiu-shell-full, the class the layout adds
 * through the shellclass block, so loading this file never affects another layout.
 *
 * The chat page relies on --bd-header-height being zeroed here: the content
 * measures its own height against the full viewport instead of subtracting a
 * header that this layout does not render.
 */

#wrapper.badiu-base-shell.badiu-shell-full {
  /* badiu.css reserves this on .section-wrapper (padding-top) and on the fixed
     sidebar for the app header. This layout renders no header, so the token is
     zeroed at the shell root instead of overriding each selector. */
  --bd-header-height: 0px;

  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

#wrapper.badiu-base-shell.badiu-shell-full .section-wrapper,
#wrapper.badiu-base-shell.badiu-shell-full.active .section-wrapper {
  min-height: 0;
  height: 100%;
  margin-left: 0;
  padding-top: 0;
}

#wrapper.badiu-base-shell.badiu-shell-full #badiu-main-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

#wrapper.badiu-base-shell.badiu-shell-full #page-content-wrapper,
#wrapper.badiu-base-shell.badiu-shell-full #page-content-wrapper .page-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  padding: 0;
}

/* Bootstrap's container-fluid keeps its own gutters; the full-bleed layout has
   no side margin at all, so they are dropped together with the padding the Base
   theme adds on .badiu-page-container. */
#wrapper.badiu-base-shell.badiu-shell-full .badiu-page-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}

/* The mobile menu backdrop and the skip link belong to chrome that no longer
   exists in this layout; the backdrop would still cover the page when a stale
   class is present. */
#wrapper.badiu-base-shell.badiu-shell-full ~ .badiu-menu-backdrop {
  display: none;
}

/* The dashboard partial is the single child of the content region: let it grow
   to the full remaining height instead of collapsing to its intrinsic size. */
#wrapper.badiu-base-shell.badiu-shell-full .badiu-page-container > * {
  flex: 1 1 auto;
  min-height: 0;
}