/* Globe stays visually under overlay text; empty overlay areas pass events through. */

.ipa-globe-widget,
.ipa-globe-widget .ipa-globe-mount,
.ipa-globe-widget canvas {
	pointer-events: auto !important;
	/* Allow vertical page scroll; keep horizontal drag for rotate */
	touch-action: pan-y;
}

/* -------------------------------------------------------------------------
   Responsive containment – stay large, never spill past the viewport
   ------------------------------------------------------------------------- */

.ipa-globe-widget {
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	overflow: hidden;
}

.ipa-globe-widget .ipa-globe-mount {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.ipa-globe-widget canvas {
	display: block;
	max-width: 100% !important;
}

.elementor-element.elementor-widget-ipa_globe {
	max-width: 100%;
	overflow: hidden;
}

/*
 * Prevent horizontal page bleed WITHOUT creating a second vertical scrollbar.
 * Only set overflow-x on html (never html + body together).
 */
html.ipa-globe-no-x-scroll {
	overflow-x: clip;
}

@media (max-width: 1024px) {
	.elementor-element.elementor-widget-ipa_globe {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: auto !important;
		right: auto !important;
		overflow: hidden !important;
	}

	.ipa-globe-widget {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		right: auto !important;
	}

	.e-con:has(.ipa-globe-widget),
	.e-con-inner:has(.ipa-globe-widget),
	.elementor-section:has(.ipa-globe-widget),
	.elementor-column:has(.ipa-globe-widget),
	.elementor-widget-wrap:has(.ipa-globe-widget) {
		max-width: 100%;
		overflow-x: clip;
	}
}

@media (max-width: 767px) {
	.ipa-globe-widget {
		min-height: min(52vh, 420px);
	}
}

.ipa-globe-pass-through {
	pointer-events: none !important;
}

.ipa-globe-pass-through a,
.ipa-globe-pass-through button,
.ipa-globe-pass-through input,
.ipa-globe-pass-through textarea,
.ipa-globe-pass-through select,
.ipa-globe-pass-through label,
.ipa-globe-pass-through [role="button"],
.ipa-globe-pass-through [role="link"],
.ipa-globe-pass-through [data-ipa-globe-hit],
.ipa-globe-pass-through .elementor-widget-heading,
.ipa-globe-pass-through .elementor-widget-theme-page-title,
.ipa-globe-pass-through .elementor-widget-theme-post-title,
.ipa-globe-pass-through .elementor-widget-text-editor,
.ipa-globe-pass-through .elementor-widget-text-path,
.ipa-globe-pass-through .elementor-widget-button,
.ipa-globe-pass-through .elementor-widget-icon-list,
.ipa-globe-pass-through .elementor-widget-icon-box,
.ipa-globe-pass-through .elementor-widget-image,
.ipa-globe-pass-through .elementor-widget-video,
.ipa-globe-pass-through .elementor-widget-form,
.ipa-globe-pass-through .elementor-widget-search-form,
.ipa-globe-pass-through .elementor-widget-ipa_buttons,
.ipa-globe-pass-through .elementor-widget-ipa_cta_btn,
.ipa-globe-pass-through .elementor-widget-ipa_cta_box,
.ipa-globe-pass-through .ipa-button,
.ipa-globe-pass-through .ipa-cta-btn,
.ipa-globe-pass-through .ipa-cta-box {
	pointer-events: auto !important;
}
