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

/* 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--70);
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }

    &.has-background,
    &[class*="is-style-section-"] {
        padding:0;

        @media screen and (min-width: 768px) {
            gap: 0;
        }
    }
}

/* Ensure content padding is set correctly */
div.wp-block-media-text > div.wp-block-media-text__content {
    padding: 0 var(--wp--preset--spacing--50);
    position: static;

    @media screen and (min-width: 768px) {
        padding: 0;
        max-width: 520px;
    }

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

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

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    margin-left: auto;
}

.wp-block-media-text.has-background .wp-block-media-text__content,
.wp-block-media-text[class*="is-style-section-"] .wp-block-media-text__content {
    padding: var(--wp--preset--spacing--70);
    max-width: none;
}

.wp-block-media-text__media {
    width: 100%;
}

/* 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--sm);
}

/* Square style */
@media screen and (max-width: 767px) {
    .wp-block-media-text.is-style-square {
        display: flex;
        flex-direction: column-reverse;
        & > * {
            width: 100%;
        }
    }
}