/**
 * Frontend layout rules for single SM Blog posts.
 *
 * These selectors are intentionally scoped to the sm-bv-full-width body class
 * so the plugin can free the selected Elementor design from theme content-width
 * wrappers without changing normal WordPress posts or pages.
 */

body.sm-bv-full-width .site-content,
body.sm-bv-full-width .content-area,
body.sm-bv-full-width .entry-content,
body.sm-bv-full-width .sm-bv-single {
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	float: none;
}

/**
 * Common themes wrap single content in containers such as .ast-container,
 * .container, or .wrap. On SM Blog singles the Elementor template is the layout,
 * so those outer wrappers should not create an extra right/left empty area.
 */
body.sm-bv-full-width .site-content > .ast-container,
body.sm-bv-full-width .site-content > .container,
body.sm-bv-full-width .site-content > .wrap,
body.sm-bv-full-width .site-content > .site-container,
body.sm-bv-full-width .content-area > .ast-container,
body.sm-bv-full-width .content-area > .container,
body.sm-bv-full-width .content-area > .wrap,
body.sm-bv-full-width .content-area > .site-container {
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

/**
 * Keep Elementor's own wrapper full-width while preserving every section,
 * column, widget, style, responsive, and advanced setting from the template.
 */
body.sm-bv-full-width .sm-bv-single > .elementor,
body.sm-bv-full-width .sm-bv-single .elementor-section-wrap,
body.sm-bv-full-width .sm-bv-single .e-con {
	width: 100%;
	max-width: none;
}