/* Hero block styles */
.wp-block-group.is-style-hero {
    padding-block: var(--wp--custom--spacing--section-padding-small);
    container: hero / inline-size;
    align-items: center;

    h1 {
        font-size: var(--wp--preset--font-size--heading-2-xl);
        text-wrap: balance;
    }

    h2,
    p {
        margin-block-start: var(--wp--custom--spacing--flex-space-medium);
    }

    p.is-style-eyebrow { 
        margin-block-start: 0;
    }

    p+p {
        margin-top: 1em;
    }

    p.is-style-eyebrow,
    p.is-style-eyebrow a {
        color: var(--wp--preset--color--text-muted);
        margin-block-start: 0;
    }

    .coupon-code-offer,
    .coupon-code-offer * {
        color: var(--wp--preset--color--bright-strong) !important;
    }

    .coupon-code-offer.long-coupon-code-offer {
        font-size: var(--wp--preset--font-size--heading-sm);
    }

    .coupon-code-offer a:hover sup,
    .coupon-code-offer a:focus sup {
        color: var(--wp--preset--color--bright-strong-hover) !important;
    }
    
    &.wp-block-group.is-style-hero[style*="--wp--preset--gradient--"] {
        * {
            color: var(--wp--preset--color--white);
        }
        p.is-style-eyebrow,
        p.is-style-eyebrow a {
            color: var(--wp--preset--color--secondary-light);
            margin-block-start: 0;
        }
        .coupon-code-offer,
        .coupon-code-offer * {
            color: var(--wp--preset--color--bright) !important;
        }
        .coupon-code-offer a:hover sup,
        .coupon-code-offer a:focus sup {
            color: var(--wp--preset--color--bright-hover) !important;
        }
    }

    &[style*="--wp--preset--gradient--"] :where(h1, h2, h3, h4, h5, h6, p, li) {
        color: inherit;
    }


    .wp-block-columns {
        column-gap: var(--wp--custom--spacing--hero-gap);
        &.feature-horizontal,
        &.text-only {
            .wp-block-column {
                flex-basis: 325px !important;
                &:has( .wp-block-image ) {
                    flex-grow: 0.85 !important;
                }
            }
        }
    }

    .wp-block-separator {
        margin-block-start: var(--wp--custom--spacing--section-padding-small);
    }
}