/* Custom CSS to add optimal space between header and "Smarter Funnels" headline */

/* Target the main hero section container */
.hero-section,
section[data-testid="hero"],
section:first-of-type,
main > section:first-child,
.container > section:first-child {
  padding-top: 100px !important; /* Optimal spacing */
  margin-top: 20px !important;   /* Reduced margin */
}

/* Alternative selector for the headline container */
h1:contains("Smarter Funnels"),
.hero-headline,
.hero-title {
  margin-top: 40px !important;
}

/* Fallback: target any large heading in the top section */
body > div:first-child h1:first-of-type,
#root > div:first-child h1:first-of-type {
  margin-top: 40px !important;
  padding-top: 20px !important;
}

/* Ensure navigation doesn't overlap */
nav,
header {
  position: relative;
  z-index: 100;
}

/* Specific adjustment for the main content area */
main {
  padding-top: 80px !important;
}

/* Additional broad selectors to catch the hero content */
.min-h-screen > div:first-child,
.min-h-svh > div:first-child {
  padding-top: 90px !important;
}