/**
 * SiteOrigin TinyMCE widget responsive overrides.
 *
 * Editor-imported tables (pasted from Word / Docs into a SiteOrigin TinyMCE
 * widget) ship with hardcoded width/height HTML attributes that overflow the
 * layout column. Force the table to match its container at every viewport
 * size — no media query, no breakpoint — and let cells wrap content.
 */
.siteorigin-widget-tinymce {
	max-width: 100%;
	overflow-x: auto;
}

.siteorigin-widget-tinymce table {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	table-layout: fixed;
}

.siteorigin-widget-tinymce table td,
.siteorigin-widget-tinymce table th {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/**
 * Force the parent .content wrapper to fill its container so the SiteOrigin
 * widget can use the full content_wrap width (1170px) instead of being
 * constrained by a narrower computed width inherited from elsewhere.
 */
body.body_style_wide:not(.expand_content) [class*="content_wrap"] > .content,
body.body_style_boxed:not(.expand_content) [class*="content_wrap"] > .content {
	width: 100% !important;
}
