/* --- Sticky footer (Submission Confirmation) --- */
html, body { height: 100%; }

body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex !important;
  flex-direction: column;
}

/* Some Power Pages layouts wrap the whole page in a <form> */
body > form {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

/* ✅ Your actual main wrapper (from your DOM) */
#mainContent.wrapper-body,
body > form > #mainContent.wrapper-body {
  flex: 1 0 auto;
}

/* ✅ Footer must be the flex “bottom” item */
footer.bh-footer {
  margin-top: auto !important;
  flex-shrink: 0;
  position: static !important;
  width: 100%;
}

/* ✅ Remove the empty “sectionBlockLayout” that is being injected after your confirmation content */
.bh-confirmation-page + .row.sectionBlockLayout {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Submission Confirmation title: keep on one line on small screens */
.bh-confirmation-page h1.h2 {
  white-space: nowrap;          /* prevent wrap */
  overflow: hidden;             /* avoid spilling out */
  text-overflow: ellipsis;      /* if too tight, show … */
}

@media (max-width: 576px) {
  .bh-confirmation-page h1.h2 {
    font-size: 1.35rem;         /* smaller than Bootstrap h2 */
    line-height: 1.2;
  }
}

@media (max-width: 400px) {
  .bh-confirmation-page h1.h2 {
    font-size: 1.2rem;          /* extra small phones */
  }
}