/**
 * Footer Fix - Sticky Footer Layout
 * Eliminates white space above footer and ensures proper layout structure
 */

/* Reset to ensure clean slate */
html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

/* Header should not grow */
.header-blue {
  flex-shrink: 0;
  margin-bottom: 0;
}

/* Main content grows to push footer down */
.main-content-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

/* Footer stays at bottom */
footer {
  flex-shrink: 0;
  margin-top: 0;
}

/* Remove any problematic margins/padding */
.header-blue,
.container,
.hero {
  margin-bottom: 0;
}

/* Ensure sections don't create gaps */
body > section:last-of-type,
body > div:not(footer):last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Override any clearfix pseudo-elements that might create space */
.header-blue::after,
.container::after,
.hero::after {
  display: none;
}