/**
 * Custom spacing and typography adjustments for demo-saas-site
 *
 * 1. Slightly reduce top padding on hero section (not header)
 * 2. Increase pricing page subheading font size only
 * 3. Align pricing page vertical start with home page
 */

/* ========================================
   1. Hero Section Top Padding Reduction
   ======================================== */

/* Reduce only the top padding of the first hero section to bring it closer to header */
/* Target the .wp-block-cover inside the first group on home page */
.home .wp-site-blocks > main > .wp-block-group.alignfull:first-child .wp-block-cover {
    padding-top: 6rem !important;
}

/* Responsive adjustment for tablets */
@media (max-width: 1024px) {
    .home .wp-site-blocks > main > .wp-block-group.alignfull:first-child .wp-block-cover {
        padding-top: 5rem !important;
    }
}

/* Responsive adjustment for mobile */
@media (max-width: 768px) {
    .home .wp-site-blocks > main > .wp-block-group.alignfull:first-child .wp-block-cover {
        padding-top: 4rem !important;
    }
}

/* ========================================
   2. Pricing Page Subheading Font Size Only
   ======================================== */

/* Increase ONLY font size of the subheading paragraph below pricing nav */
/* Keep existing color, weight, alignment - only adjust size */
.page-id-6 .wp-block-group.alignfull:first-child .has-large-font-size {
    font-size: 1.75rem !important; /* Larger than body (1rem), smaller than H1 */
}

/* Responsive sizing for tablet */
@media (max-width: 1024px) {
    .page-id-6 .wp-block-group.alignfull:first-child .has-large-font-size {
        font-size: 1.5rem !important;
    }
}

/* Responsive sizing for mobile */
@media (max-width: 768px) {
    .page-id-6 .wp-block-group.alignfull:first-child .has-large-font-size {
        font-size: 1.35rem !important;
    }
}

/* ========================================
   3. Align Pricing Page Vertical Start
   ======================================== */

/* Remove the featured image container padding on pricing page to align with home page */
/* The page.html template adds a featured-image wrapper that pushes content down */
.page-id-6 .wp-site-blocks > main > .wp-block-group:first-of-type {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Hide the empty featured image placeholder if no image is set */
.page-id-6 .wp-block-post-featured-image:empty {
    display: none;
}

/* Also apply to Blog and Help Center pages for consistency */
.page-id-7 .wp-site-blocks > main > .wp-block-group:first-of-type,
.page-id-8 .wp-site-blocks > main > .wp-block-group:first-of-type {
    padding-top: 0 !important;
}

/* Ensure pricing page first content group aligns with home page hero */
/* Match the top spacing with home page by setting consistent padding */
/* The home page cover block creates visual space, so we match that here */
.page-id-6 .wp-site-blocks > .wp-block-group > .wp-block-group.alignfull:first-child {
    padding-top: 6rem !important;
}

/* Responsive adjustment for tablets */
@media (max-width: 1024px) {
    .page-id-6 .wp-site-blocks > .wp-block-group > .wp-block-group.alignfull:first-child {
        padding-top: 5rem !important;
    }
}

/* Responsive adjustment for mobile */
@media (max-width: 768px) {
    .page-id-6 .wp-site-blocks > .wp-block-group > .wp-block-group.alignfull:first-child {
        padding-top: 4rem !important;
    }
}