/* Ensure block gap is applied to all child elements */
.wp-block-media-text__content > * {
    margin-top: var(--wp--style--block-gap);
}

/* Ensure block uses flex gap instead of padding for spacing */
.wp-block-media-text {
    gap: var(--wp--preset--spacing--60);

    @media screen and (min-width: 768px) {
        gap: var(--wp--preset--spacing--80);
        grid-template-columns: 1fr 1fr;
        min-height: 500px;
    }
}

/* Ensure content padding is set correctly */
.wp-block-media-text .wp-block-media-text__content {
    padding: 0;

    & > :first-child {
        margin-top: 0;
    }

    & > :last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .wp-block-media-text.is-image-fill-element .wp-block-media-text__content {
        padding: var(--wp--custom--global--spacing--padding--background) 0;
    }
}

/* Apply base border radius */
.wp-block-media-text.has-background,
.wp-block-media-text__media,
.wp-block-media-text__media img {
    border-radius: var(--wp--preset--border-radius--md);
}