/* ==========================================================================
   AXXO PROJECT HERO — ELEMENTOR EDITOR
========================================================================== */

/*
|--------------------------------------------------------------------------
| Prevent editor collapsing
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero {
	min-height: 720px;
}

/*
|--------------------------------------------------------------------------
| Better editor visualization
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero__inner {
	min-height: inherit;
}

/*
|--------------------------------------------------------------------------
| Prevent image collapse inside editor
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero__media {
	min-height: 720px;
}

/*
|--------------------------------------------------------------------------
| Improve image rendering in editor
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero__image-wrapper {
	position: absolute;
	inset: 0;
}

/*
|--------------------------------------------------------------------------
| Avoid invisible content during editing
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero__content {
	position: relative;
	z-index: 5;
}

/*
|--------------------------------------------------------------------------
| Ensure accent stays visible
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero__accent {
	opacity: 1;
}

/*
|--------------------------------------------------------------------------
| Elementor empty state helper
|--------------------------------------------------------------------------
*/

.elementor-editor-active .axxo-project-hero__title:empty::before {
	content: "Hero Title";

	display: block;

	color: rgba(0, 0, 0, 0.25);
}

.elementor-editor-active .axxo-project-hero__description:empty::before {
	content: "Hero Description";

	display: block;

	color: rgba(0, 0, 0, 0.25);
}

/*
|--------------------------------------------------------------------------
| Avoid Elementor overflow clipping
|--------------------------------------------------------------------------
*/

.elementor-editor-active .elementor-widget-axxo_project_hero {
	overflow: visible;
}

/*
|--------------------------------------------------------------------------
| Improve editor spacing
|--------------------------------------------------------------------------
*/

.elementor-editor-active .elementor-widget-axxo_project_hero .elementor-widget-container {
	height: 100%;
}

/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 1024px) {

	.elementor-editor-active .axxo-project-hero {
		min-height: auto;
	}

	.elementor-editor-active .axxo-project-hero__media {
		min-height: 520px;
	}

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

	.elementor-editor-active .axxo-project-hero__media {
		min-height: 420px;
	}

}