/* Full Width Image Block Styles */
.wp-block-image.full-width-image {
    width: 100% !important;
    max-width: 100% !important;
}

.wp-block-image.full-width-image img {
    width: 100% !important;
    height: auto;
    max-width: 100% !important;
}

/* Handle figure element if wrapped */
figure.wp-block-image.full-width-image {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}

/* When both container and full-width are active, image is 100% width within the container */
/* Only apply container max-width on frontend, not in editor */
body:not(.block-editor-page) .wp-block-image.full-width-image.container {
    max-width: 1300px !important;
}

.wp-block-image.full-width-image.container img {
    width: 100% !important;
    max-width: 100% !important;
}

/* Editor preview styles */
.block-editor-block-list__block .wp-block-image.full-width-image img {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override theme container styles in editor */
.editor-styles-wrapper .wp-block-image.container {
    max-width: 840px !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}