@import "../../css/_mixins.scss";
@import "../../css/_trx_addons.vars.scss";
@import "../../css/_trx_addons.colors.scss";

/* Smoke
--------------------------------------------------------------- */
body.trx_addons_smoke_present {
	.page_content_wrap,
	&.body_style_boxed .page_wrap {
		background-color: transparent;

		.elementor-section[class*="scheme_"] {
			background-color: transparent;
		}
	}

	& > .trx_addons_smoke {
		@include fixed-cover(-1);
		pointer-events: none;
	}
	&.mobile_device > .trx_addons_smoke {
		height: 100vh !important;
		max-height: 100%;
		min-height: -webkit-fill-available;
	}
}

.elementor-section,
.elementor-column {
	& > .trx_addons_smoke {
		@include abs-cover(0);
		pointer-events: none;
		display: none;
	}
	&.trx_addons_smoke_present > .trx_addons_smoke {
		display: block;
	}
}
.elementor-section[class*="scheme_"] {
	&.trx_addons_smoke_present,
	&.trx_addons_smoke_present_in_column {
		background-color: transparent;
	}
}

.elementor-element-edit-mode.elementor-widget-trx_sc_smoke {
	@include abs-lb( 5px, 5px );
}