/* Landing Page Specific Fixes */

/* Allow natural page scroll - sticky nav needs scrolling ancestor */
body.landing-page,
body.landing-page html {
  height: auto !important;
  min-height: 100%;
  overflow-x: hidden;
  /* Don't set overflow-y: visible - it breaks sticky positioning */
}

/* Let #__next flow naturally - NO flex layout that causes scroll trapping */
body.landing-page #__next {
  height: auto !important;
  min-height: auto !important;
  display: block;
  position: relative;
}

/* Ensure sections don't get their own scroll context */
body.landing-page section,
body.landing-page main {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
}

/* Fixed navigation - stays at top while scrolling */
body.landing-page nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1200 !important;
  background-color: #FFFFFF;
  /* Ensure no transform breaks the fixed positioning */
  transform: none !important;
  -webkit-transform: none !important;
}

/* Prevent content shift during load */
body.landing-page .MuiContainer-root {
  transition: none;
  overflow: visible !important;
}

/* Prevent layout shift from dynamic components */
body.landing-page [class*="ResponsiveContainer"],
body.landing-page [class*="FluidTypography"],
body.landing-page [class*="TouchButton"],
body.landing-page [class*="ResponsiveGrid"],
body.landing-page [class*="ResponsiveCard"],
body.landing-page [class*="AdaptiveImage"] {
  min-height: 1px;
  visibility: visible !important;
}

/* Fix for Next.js Image component */
body.landing-page span[style*="box-sizing:border-box"] {
  visibility: visible !important;
  opacity: 1 !important;
}