/* Layout and viewport: load after base.css. */
/* Depends on variables.css for --navbar-height and --footer-height. */

/* TEMPORARILY RELAXED: no overrides that prevent sticky footer. */
/* Previously html/body had height: auto; min-height: 0 which kept footer from sitting at bottom of viewport. */

footer {
  position: relative;
  z-index: 1;
}

/* Video layer: glued to viewport top; overlap footer by 2px to remove sub-pixel gap */
.bg-video-wrap {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(var(--footer-height) - 4px) !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}
.bg-video-wrap .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
}

/* Main content area under video: navbar offset only; min-height from base (flex) handles sticky footer */
.main-over-video {
  padding-top: var(--navbar-height);
}

/* Auth section: still centered; min-height from base.css keeps footer at bottom */
.auth-section {
  /* keep base.css min-height so flex layout still pushes footer down */
}