/* Hidden by default */
#maintenance-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(255, 255, 255, 0.8); /* Light glass effect */
  backdrop-filter: blur(10px);         /* Blurs the background site */
  z-index: 10000;                      /* Above everything */
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Shown when Firebase value is true */
body.site-closed #maintenance-overlay {
  display: flex;
}

/* The Message Card Decoration */
.message-card {
  background: white;
  padding: 3rem;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
  max-width: 500px;
}

.message-card h1 { color: #0ea5e9; font-weight: 800; }
.message-card i { font-size: 3rem; color: #22c55e; margin-bottom: 1rem; }