body {
  /* absolute fallback: change the leading slash to match your server routing if needed */
  background-image: url("../../../assets/OmniDisclose Background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* force it on top of anything else */
  background-attachment: fixed !important;
}

/* translucent, blurred overlay */
.overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background-color: #0071e3bb;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}

/* primary logo */
.logo {
  width: 100px;
  margin-top: 12vh;
  margin-bottom: 4vh;
}

/* title text */
.overlay h2 {
  color: #fff;
  margin-bottom: 1vh;
  font-size: 2.2rem;
}

/* subtitle text */
.overlay p {
  color: #fff;
  margin-bottom: 4vh;
  font-size: 1.2rem;
}

/* footer links container – no absolute positioning */
.footer-links {
  margin-top: auto;               /* stay at the bottom */
  display: flex;                  /* horizontal row */
  justify-content: space-between; /* shove first link left, second right */
  width: 100%;                    /* full-width bar */
  font-size: 0.95rem;
  text-decoration: underline;
  text-decoration-color: white;
  padding-bottom: 2vh;
}

/* individual links */
.footer-links a {
  color: #fff;
  text-decoration: none;    /* default off… */
}

/* contact link under button */
.contact-link {
  color: #fff;
  text-decoration: none;
  margin-top: 2vh;
  font-size: 0.95rem;
  text-decoration-line: underline;
  text-decoration-color: white;
}

#loading-overlay {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(2px);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  z-index: 1050;           /* > bootstrap modal */
}
#loading-overlay p { color: #fff; font-size: 1.2rem; }

/*
.btn-light {
  color: #0071e3;
}

.btn-light:hover {
  color: #005bb6;
}
*/

#offline-overlay {
  position: fixed; inset: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(2px);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  z-index: 1050;           /* > bootstrap modal */
}