/* Simple, clean footer fix without complexity */

/* Ensure proper viewport setup */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Body flexbox for sticky footer */
body {
  display: flex;
  flex-direction: column;
}

/* Main content grows */
.main-content {
  flex: 1;
  padding-top: 80px;
}

/* Footer stays at bottom */
footer {
  margin-top: auto;
}

/* Remove any bottom margins/padding */
footer,
.footer-bottom,
.footer-bottom p {
  margin-bottom: 0;
}

/* Ensure modal doesn't affect layout */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}