/*
 * Emirates EBCS — Elementor compatibility layer.
 * On the live site the Elementor wrapper elements are made layout-transparent (display: contents)
 * so the original stylesheets lay the sections out exactly as on the original site.
 * Inside the Elementor editor the wrappers stay normal boxes so they can be selected and edited.
 */
body:not(.elementor-editor-active) #main > [data-elementor-type],
body:not(.elementor-editor-active) .e-con.ebcs-c:not(.ebcs-w),
body:not(.elementor-editor-active) .elementor-element.ebcs-widget,
.ebcs-part,
body:not(.elementor-editor-active) .ebcs-part > [data-elementor-type],
body:not(.elementor-editor-active) .ebcs-part .e-con.ebcs-c {
	display: contents !important;
}

/* Wrapper containers reproduce the original page wrapper <div> (e.g. .about-page) */
.e-con.ebcs-c {
	--display: block !important;
	--padding-top: 0px !important;
	--padding-right: 0px !important;
	--padding-bottom: 0px !important;
	--padding-left: 0px !important;
	--margin-top: 0px !important;
	--margin-right: 0px !important;
	--margin-bottom: 0px !important;
	--margin-left: 0px !important;
	--gap: 0px !important;
	--row-gap: 0px !important;
	--column-gap: 0px !important;
	--position: static;
	--overflow: visible;
	--min-height: 0px;
}
body.elementor-editor-active .e-con.ebcs-c:not(.ebcs-w) {
	--position: relative;
}
.elementor-element.ebcs-widget {
	--widgets-spacing: 0px;
	margin: 0;
}

/* Editor helpers: empty-state hint for wrappers */
body.elementor-editor-active .e-con.ebcs-c:empty {
	min-height: 60px;
}

/* WordPress admin bar (only visible to logged-in users) */
body.admin-bar .site-header,
body.admin-bar .mobile-panel {
	top: 32px;
}
@media screen and (max-width: 782px) {
	body.admin-bar .site-header,
	body.admin-bar .mobile-panel {
		top: 46px;
	}
}