/**
 * CSS file to immediately disable any overlays, maintenance banners, or coming soon screens
 * This is loaded in the head of the document, so it takes effect immediately
 * before JavaScript even executes
 */

/* Hide any coming soon overlays */
.overlay,
.coming-soon,
[id*="overlay"],
[id*="coming"],
[class*="overlay"],
[class*="coming-soon"],
div[style*="position: fixed"][style*="z-index"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Fix specific overlay that may be using a different class */
#comingSoon,
#comingSoonOverlay,
#coming-soon-overlay,
#maintainance-overlay,
#beta-overlay,
.maintenance-mode,
.beta-mode,
#maintenance,
#beta {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Reset any scroll locks */
body.no-scroll,
body.overflow-hidden,
body.fixed {
  overflow: auto !important;
  position: static !important;
}

/* Ensure body is scrollable */
body,
html {
  overflow: auto !important;
}

/* Ensure buttons are clickable */
button,
a,
[role="button"],
input[type="submit"],
input[type="button"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Target modal backdrops */
.modal-backdrop,
.overlay-backdrop,
div[class*="backdrop"],
div[class*="overlay-bg"],
div[class*="modal-bg"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}