/**
 * MIKA HOME — Our Process widget
 * Stronger full-width breakout + Elementor editor preview visibility.
 * Does not change frontend animation or icon/typography UI.
 *
 * @package MikaHomeWidgets
 */

/* ── Full-bleed ancestors (process widget only) ───────────── */
.elementor-section:has(.elementor-widget-mika-home-process .mika-process-section--full-width),
.e-con:has(.elementor-widget-mika-home-process .mika-process-section--full-width),
.elementor-container:has(.elementor-widget-mika-home-process .mika-process-section--full-width),
.elementor-column:has(.elementor-widget-mika-home-process .mika-process-section--full-width),
.elementor-widget-wrap:has(> .elementor-widget-mika-home-process .mika-process-section--full-width),
.elementor-element:has(> .elementor-widget-container > .mika-process-section--full-width) {
	max-width: 100% !important;
	width: 100% !important;
	overflow: visible !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ── Widget wrapper + section: true viewport edge-to-edge ─── */
.elementor-widget-mika-home-process:has(.mika-process-section--full-width),
.elementor-widget-mika-home-process .mika-process-section--full-width {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	position: relative;
	left: 0;
	right: 0;
	box-sizing: border-box !important;
}

.elementor-widget-mika-home-process:has(.mika-process-section--full-width) {
	overflow: visible !important;
}

.elementor-widget-mika-home-process .mika-process-section--full-width {
	overflow: hidden; /* keep grain clip on the band itself */
}

/* Inner content uses almost the full band width */
.elementor-widget-mika-home-process .mika-process-section--full-width .mika-process-inner {
	max-width: none !important;
	width: 100% !important;
	padding-inline: clamp(1.25rem, 3.2vw, 3.25rem) !important;
	box-sizing: border-box !important;
}

/* Editor / preview: same edge-to-edge band */
.elementor-editor-active .elementor-widget-mika-home-process:has(.mika-process-section--full-width),
.elementor-editor-preview .elementor-widget-mika-home-process:has(.mika-process-section--full-width),
.elementor-editor-active .elementor-widget-mika-home-process .mika-process-section--full-width,
.elementor-editor-preview .elementor-widget-mika-home-process .mika-process-section--full-width {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	position: relative;
	z-index: 1;
}

.elementor-editor-active .elementor-widget-mika-home-process .mika-process-section--full-width .mika-process-inner,
.elementor-editor-preview .elementor-widget-mika-home-process .mika-process-section--full-width .mika-process-inner {
	max-width: none !important;
	width: 100% !important;
	padding-inline: clamp(1.25rem, 3.2vw, 3.25rem) !important;
}

/* ── Elementor editor / preview: always show full process UI ── */
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-left,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-arrow,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-deco,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-eyebrow,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-heading,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-highlight,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-step__icon,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-sparkle,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-step__num,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-step__title,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-step__desc,
.elementor-editor-active .mika-process-section.mika-process-pending .mika-process-connector,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-left,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-arrow,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-eyebrow,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-heading,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-highlight,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-step,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-step__icon,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-sparkle,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-step__num,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-step__title,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-step__desc,
.elementor-editor-active .mika-process-section.mika-process-editor-preview .mika-process-connector,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-left,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-arrow,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-eyebrow,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-heading,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-highlight,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-step__icon,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-sparkle,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-step__num,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-step__title,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-step__desc,
.elementor-editor-preview .mika-process-section.mika-process-pending .mika-process-connector,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-left,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-arrow,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-eyebrow,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-heading,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-highlight,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-step,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-step__icon,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-sparkle,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-step__num,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-step__title,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-step__desc,
.elementor-editor-preview .mika-process-section.mika-process-editor-preview .mika-process-connector,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-left,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-arrow,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-eyebrow,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-heading,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-step__icon,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-sparkle,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-step__num,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-step__title,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-step__desc,
.elementor-editor-active body.mika-gsap-active .mika-process-section .mika-process-connector {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	filter: none !important;
}