/*
 * Layout Fix - Remove White Space Above Hero Section
 * This file ensures the hero section starts immediately after the navigation
 */

/* Reset body and html margins */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

/* Reset main container */
main {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* Remove spacing from first section in main */
main > section:first-child,
main > .hero-section-wrapper:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure hero section has no top spacing */
.hero-section-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block;
}

/* Fix any Tailwind utility classes that might add spacing */
.relative.overflow-hidden {
    margin-top: 0 !important;
}

/* Ensure nav doesn't have bottom margin */
nav {
    margin-bottom: 0 !important;
}

/* Fix sticky navigation to not create space */
nav.sticky,
nav[class*="sticky"] {
    margin-bottom: 0 !important;
}

/* Remove default section spacing for hero only */
section.hero-section-wrapper,
section[class*="hero-section"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Override any framework defaults */
* + .hero-section-wrapper {
    margin-top: 0 !important;
}

/* Ensure no spacing from mobile menu */
#mobile-menu + * {
    margin-top: 0 !important;
}

/* Additional safeguards */
header + main,
nav + main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}