/*
 * Elementor compatibility for the ezee design system.
 *
 * Every original section lives in its own Elementor container (.ezee-block)
 * with an HTML widget. On the front end those wrappers are display:contents,
 * so the sections lay out as direct children of <main>, exactly like the
 * static build. Inside the Elementor editor they stay boxes (with no
 * spacing) so they can be selected, moved and edited.
 */
body:not(.elementor-editor-active) .ezee-chrome,
body:not(.elementor-editor-active) .ezee-chrome > .elementor,
body:not(.elementor-editor-active) .elementor .e-con.ezee-block,
body:not(.elementor-editor-active) .elementor .ezee-block > .elementor-widget,
body:not(.elementor-editor-active) .elementor .ezee-block > .elementor-widget > .elementor-widget-container,
body:not(.elementor-editor-active) #main > .elementor {
	display: contents;
}

.elementor .e-con.ezee-block {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--content-width: 100%;
	--container-max-width: none;
	display: block;
	max-width: none;
	padding: 0;
	margin: 0;
}
.elementor .ezee-block > .elementor-widget,
.elementor .ezee-block > .elementor-widget > .elementor-widget-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Admin bar offset for the sticky header when logged in. */
body.admin-bar .site-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 600px) {
	body.admin-bar .site-header { top: 0; }
}

/* Form result message (js/forms.js) */
.ezee-form-status {
	align-self: stretch;
	margin: 0;
	padding: var(--space-3, 12px) var(--space-4, 16px);
	border-radius: var(--radius-sm, 8px);
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
.ezee-form-status[data-state="success"] { background: var(--success-50, #e7f8f0); color: var(--success-700, #0d824b); }
.ezee-form-status[data-state="error"] { background: var(--error-50, #feeceb); color: #b42318; }
form[aria-busy="true"] button[type="submit"] { opacity: .6; cursor: progress; }