/* Nova v39 — Fix dark/light bottom bleed on long pages (desktop) */

/* Make ALL layout wrappers transparent so body's fixed gradient shows through
   the entire document height (including beyond the initial viewport on long
   pages like New Order on desktop). */
html, body {
  background-color: var(--nv-bg) !important;
}

body {
  background-image: var(--nv-bg-grad) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.app-container,
.app-main,
.app-content,
.app-wrapper,
.main-content,
.page-content,
.content-wrapper,
.row-app,
.app-content > .row {
  background: transparent !important;
}

/* Desktop only — extend the body gradient so it fills the full scroll height
   instead of cutting off and showing the darker base color at the bottom. */
@media (min-width: 992px) {
  html {
    min-height: 100%;
    background-image: var(--nv-bg-grad) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
  body {
    min-height: 100vh;
  }
  /* Ensure no stray white/dark slab at the bottom of the new-order page */
  .app-content {
    min-height: calc(100vh - 80px) !important;
    padding-bottom: 40px !important;
  }
}