/*
 * Hero Text Adjustment for Niche Pages
 * This CSS file adjusts the positioning of the entire hero section content
 * to move it higher up in the hero section.
 */

/* Adjust the hero section padding and content positioning */
#hero.niche-hero {
    padding-top: 20px !important; /* Drastically reduced top padding */
    padding-bottom: 30px !important; /* Reduced bottom padding */
    min-height: auto !important; /* Override any min-height settings */
    height: auto !important; /* Ensure height is based on content */
    max-height: none !important; /* Ensure no max-height restrictions */
}

/* Move the entire container up */
#hero.niche-hero .container {
    margin-top: -10px; /* Move everything up slightly */
}

/* Keep normal spacing within the headline stack */
#hero.niche-hero .hero-headline-stack span:first-child {
    margin-bottom: 0.25em; /* Normal spacing between spans */
}

#hero.niche-hero .hero-headline-stack span:last-child {
    margin-top: 0; /* Normal spacing */
}

/* Reduced spacing for other elements */
#hero.niche-hero .hero-subheadline {
    margin-top: 1rem !important; /* Reduced spacing */
    margin-bottom: 1rem !important; /* Reduced spacing */
}

/* Ensure CTA button has minimal spacing */
#hero.niche-hero .cta-button {
    margin-top: 0.5rem !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    #hero.niche-hero {
        padding-top: 15px !important; /* Minimal padding on mobile */
        padding-bottom: 20px !important; /* Minimal padding on mobile */
    }

    #hero.niche-hero .container {
        margin-top: 0; /* No negative margin needed on mobile since padding is already minimal */
    }

    #hero.niche-hero .hero-headline-stack span:first-child {
        margin-bottom: 0.2em; /* Slightly reduced spacing on mobile */
    }

    #hero.niche-hero .hero-subheadline {
        margin-top: 0.8rem !important; /* Minimal spacing on mobile */
        margin-bottom: 0.8rem !important; /* Minimal spacing on mobile */
    }

    #hero.niche-hero .cta-button {
        margin-top: 0.3rem !important; /* Minimal spacing on mobile */
    }
}