/* Flexbox layout for both the editor and frontend */
.two-column-block, .two-column-block-editor {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

/* Ensure columns take up equal width */
.two-column-block .column,
.two-column-block-editor .column {
    width: 48%;
}

/* When text is on the right, reverse the order */
.two-column-block.tco2025-text-right .tco2025-text-column,
.two-column-block-editor.tco2025-text-right .tco2025-text-column {
    order: 2;
}

.two-column-block.tco2025-text-right .tco2025-image-column,
.two-column-block-editor.tco2025-text-right .tco2025-image-column {
    order: 1;
}

/* Image button styling in editor */
.image-button {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

img {
    max-width: 100%;
    height: auto;
}