/* Removing pointer-events allows clicks to pass through to the background canvas. */
body {
  background-color: transparent !important;
  pointer-events: none !important;
}

html {
  background-color: var(--bs-body-bg);
}

/* Full-viewport background creates an immersive login experience. */
#heroCanvasContainer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

#heroCanvasContainer::before {
  display: none !important;
}

/* Drop-shadow elevates the form for better contrast and focus. */
.navbar,
.footer,
.form-section,
.alert,
.form-check,
input,
button,
select,
textarea,
a,
.toast,
.modal,
.btn {
  pointer-events: auto !important;
}