/* Hero Section Spacing Fix - Prevent Navbar Overlap */
/* ================================================== */

/* Account for fixed navbar height */
/* Modern navbar = top utilities (42px) + main nav (70px) = 112px */
/* Add extra padding for safety */

body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

section.hero,
.hero-section,
section:first-of-type {
    padding-top: 140px !important;
    margin-top: 0 !important;
}

/* Specific fix for index hero */
#home.hero,
#home.hero-section {
    padding-top: 140px !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
}

/* Pricing hero fix */
.pricing-hero,
section.hero[style*="padding: 8rem"] {
    padding-top: 8rem !important;
}

/* Products hero fix */
.products-hero {
    padding-top: 140px !important;
}

/* Ensure no content goes behind navbar */
.modern-navbar + section,
.navbar + section,
#modern-nav-placeholder + section {
    margin-top: 0 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    section.hero,
    .hero-section,
    section:first-of-type {
        padding-top: 120px !important;
    }
    
    #home.hero,
    #home.hero-section {
        padding-top: 120px !important;
    }
}