/**
 * Fix Page Header Spacing Issues
 * Removes excessive empty space at top of pages
 * Version: 1.0.0
 */

/* Fix excessive top padding/margin on all pages */
.site-main,
main#primary,
.entry-content,
article.page {
    margin-top: 0 !important;
    padding-top: 20px !important;
}

/* Fix header spacing specifically */
.page .entry-header,
.single .entry-header,
article.page header.entry-header {
    margin-top: 0 !important;
    padding-top: 40px !important;
    margin-bottom: 30px !important;
}

/* Remove any empty space from WordPress block spacing */
.entry-content > *:first-child {
    margin-top: 0 !important;
}

/* Fix spacing after navigation */
.site-header + .site-main,
.site-header + main,
header + main,
nav + main {
    margin-top: 0 !important;
}

/* Specific fixes for About and Contact pages */
.page-id-2 .site-main, /* Typically About page */
.page-id-3 .site-main, /* Typically Contact page */
.page-template-default .site-main {
    padding-top: 40px !important;
}

/* Fix any hero or cover block spacing */
.wp-block-cover,
.wp-block-cover__inner-container {
    margin-top: 0 !important;
}

/* Fix breadcrumb spacing if present */
.breadcrumb,
.breadcrumbs {
    margin-bottom: 20px !important;
}

/* Ensure consistent spacing across all page templates */
body.page main.site-main {
    padding-top: 40px !important;
}

/* Fix potential theme-specific spacing */
.wp-site-blocks {
    padding-top: 0 !important;
}

/* Mobile responsive spacing */
@media (max-width: 768px) {
    .page .entry-header,
    .single .entry-header,
    body.page main.site-main {
        padding-top: 20px !important;
    }
    
    .entry-header h1 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Fix any negative margins that might create gaps */
* {
    min-height: 0 !important;
}

/* Specific fix for Twenty Twenty-Four theme spacing */
.has-global-padding {
    padding-top: 0 !important;
}

.has-global-padding > .alignfull:first-child {
    margin-top: 0 !important;
}

/* Debug helper - remove in production */
.show-spacing-debug .site-main {
    border-top: 2px solid red !important;
}

.show-spacing-debug .entry-header {
    border: 1px solid blue !important;
}