/* Global Fix for Navbar Spacing - Add to all pages */
/* This ensures content is not hidden behind the fixed navigation bar */

/* Fix for body padding when navbar is present */
body:has(#navbar),
body:has(.navbar) {
    padding-top: 70px !important;
}

/* Alternative fix for browsers that don't support :has() */
body.navbar-override {
    padding-top: 70px !important;
}

/* Fix for main content sections */
main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fix for hero sections - removed duplicate spacing since body already has padding-top */
.hero-section {
    margin-top: 0 !important;
}

/* Fix for first section after navbar - removed duplicate spacing since body already has padding-top */
body:not(:has(header)) section:first-of-type,
body:not(:has(header)) #about:first-of-type,
body:not(:has(header)) .container:first-of-type {
    margin-top: 0 !important;
}

/* Fix for services page header - removed duplicate spacing since body already has padding-top */
.container1-1 {
    margin-top: 0 !important;
}

/* Fix for FAQ page header - removed duplicate spacing since body already has padding-top */
/* header {
    margin-top: 70px !important;
} */

/* Mobile responsive - navbar might be different height on mobile */
@media (max-width: 768px) {
    body:has(#navbar),
    body:has(.navbar),
    body.navbar-override {
        padding-top: 70px !important;
    }
    
    .hero-section {
        margin-top: 0 !important;
    }
}