/* Register page-only centering. Visual styles come from glass_theme.css */

/* Remove JS-added body padding so true centering is possible */
body.glass-theme {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Center the card vertically and horizontally */
.glass-theme .center-container {
  /* Subtract approximate fixed navbar + footer height so centering
     happens within the visible area, not behind chrome */
  min-height: calc(100dvh - 65px);
  display: grid;
  place-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.card-body.explainer-text {
  padding: 0 0 0 12px;
  margin: 0;
  font-size: 0.80rem;
}

/* Mobile/Tablet: allow scrolling and add breathing room */
@media (max-width: 1023.98px) {
  /* Permit full-page scroll and ensure content isn't under navbar/footer */
  html, body { overflow-y: auto; }
  body.glass-theme {
    padding-top: 60px !important;   /* space for fixed navbar */
    padding-bottom: 90px !important;/* space above fixed footer */
  }
  /* Let content flow naturally on small screens */
  .glass-theme .center-container {
    min-height: auto;
    display: block;
  }
}