/**
 * DotField Canvas Styles
 * Interactive dot grid background effect
 * A.T.R.A.E Branding
 */

#dot-field-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  cursor: default;
  display: block;
}

/* Ensure all body content renders above background */
body > *:not(#dot-field-bg) {
  position: relative;
  z-index: 1;
}

/* Progress bar stays on top */
.progress-wrap {
  z-index: 1000 !important;
  position: relative;
}

/* Navigation bar above background */
.navbar {
  position: relative;
  z-index: 999;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(165, 214, 120, 0.1);
}

/* Footer above background with dark background */
footer {
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  border-top: 1px solid rgba(165, 214, 120, 0.2);
}

/* Ensure all sections are above background */
section, 
main,
.container,
.content {
  position: relative;
  z-index: 1;
}

/* Modal z-index management */
.modal {
  z-index: 2000 !important;
}

.modal-backdrop {
  z-index: 1999 !important;
}

/* Dropdowns and popovers */
.dropdown-menu,
.popover {
  z-index: 1998 !important;
}

/* Tooltip z-index */
.tooltip {
  z-index: 1997 !important;
}