/* Remove gap between header and content */
.wp-site-blocks > main {
    margin-top: 0 !important;
}

/* Remove gaps between sections - Brand Ambassador page */
body.page-id-2003 .entry-content > .wp-block-group.alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove gaps between sections - Narrative Storytelling page */
body.page-id-1672 .entry-content > .wp-block-group.alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* =============================================
   MOBILE HEADER & SPACING FIX (Site-Wide)
   Reduces above-fold decorative content on mobile
   to show article content faster and reduce bounce.
   Applied: March 28, 2026
   ============================================= */
@media (max-width: 781px) {
    /* --- SINGLE POST PAGES --- */

    /* 1. Cap the decorative cover block (chevron header + featured image) */
    body.single-post main > .wp-block-cover.alignfull.is-repeated:first-child {
        max-height: 120px !important;
        min-height: 60px !important;
        overflow: hidden;
        margin-bottom: 8px !important;
    }
    body.single-post main > .wp-block-cover.alignfull.is-repeated:first-child .wp-block-cover__image-background,
    body.single-post main > .wp-block-cover.alignfull.is-repeated:first-child .wp-block-cover__background {
        max-height: 120px !important;
    }
    body.single-post main > .wp-block-cover.alignfull.is-repeated:first-child .wp-block-cover__inner-container {
        max-height: 120px !important;
    }
    body.single-post main > .wp-block-cover.alignfull.is-repeated:first-child img {
        object-fit: cover;
        object-position: center center;
        max-height: 120px !important;
    }

    /* 2. Reduce title section padding */
    body.single-post main > .wp-block-group.alignfull:nth-child(2) {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }

    /* 3. Reduce post title font size to save vertical space */
    body.single-post .wp-block-post-title {
        font-size: clamp(1.4rem, 5vw, 1.8rem) !important;
        line-height: 1.15 !important;
        margin-bottom: 8px !important;
    }

    /* 4. Tighten post meta spacing */
    body.single-post .wp-block-post-date,
    body.single-post .wp-block-post-terms {
        margin-bottom: 4px !important;
        font-size: 0.85rem !important;
    }

    /* --- ALL PAGE TYPES --- */

    /* 5. Cap decorative cover/header on ALL pages */
    main > .wp-block-cover.alignfull.is-repeated:first-child {
        max-height: 140px !important;
        overflow: hidden;
        margin-bottom: 8px !important;
    }

    /* 6. Reduce header template part cover (nav background) */
    header.wp-block-template-part .wp-block-cover.is-repeated {
        max-height: 55px !important;
        min-height: 50px !important;
        overflow: hidden;
    }

    /* 7. Tighten spacing on page title sections */
    .wp-block-group.alignfull > .wp-block-group.alignwide:first-child {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }
}

/* =============================================
   ACCESSIBILITY: Color Contrast Fix
   WhatsApp share button: white on green fails WCAG AA (1.88:1).
   Darkening green to #128C7E achieves 4.5:1+ contrast ratio.
   Applied: March 28, 2026
   ============================================= */
.share-jetpack-whatsapp .sd-button {
    background-color: #128C7E !important;
}