/**
 * MIKA SERVICES — Process widget responsive + full-width layout
 * Scoped to the services process widget only.
 *
 * @package MikaServicesWidgets
 */

/* ── Full width layout (services process widget only) ─────── */
.elementor-widget-mika-services-process:has(.mika-process-exact-section--full-width) {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.elementor-widget-mika-services-process .mika-process-exact-section--full-width {
	width: 100% !important;
	max-width: 100% !important;
}

.elementor-widget-mika-services-process .mika-process-exact-section--full-width .mika-container {
	max-width: min(1440px, 100%);
	width: 100%;
}

.elementor-editor-active .elementor-widget-mika-services-process:has(.mika-process-exact-section--full-width),
.elementor-editor-preview .elementor-widget-mika-services-process:has(.mika-process-exact-section--full-width) {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.elementor-editor-active .elementor-widget-mika-services-process .mika-process-exact-section--full-width,
.elementor-editor-preview .elementor-widget-mika-services-process .mika-process-exact-section--full-width {
	width: 100% !important;
	max-width: 100% !important;
}