.umwfe-site-header {
	width: 100%;
	position: relative;
	z-index: 100;
	margin-bottom: 0;
}

/*
 * Kit pages often start with a style-only HTML widget. Elementor's
 * space-between-widgets (20px) collapses through that empty box and
 * opens a white gap under the site header.
 * Frontend only — rewriting widget layout in the editor freezes the panel.
 */
body:not(.elementor-editor-active):not(.elementor-editor-preview) .elementor > .elementor-widget-html {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}

/*
 * Creator Community home (already imported): the quick-link list was
 * pulled over the green hero with dark type. Sit it on the cream band.
 */
body:not(.elementor-editor-active):not(.elementor-editor-preview) .elementor > .elementor-widget-html + .elementor-section + .elementor-section:has(.elementor-widget-icon-list) {
	margin-top: 0 !important;
	background-color: var(--e-global-color-surface_alt, #f0f0ec);
}
body:not(.elementor-editor-active):not(.elementor-editor-preview) .elementor > .elementor-widget-html + .elementor-section + .elementor-section:has(.elementor-widget-icon-list) .elementor-icon-list-text {
	color: var(--e-global-color-text, #3f3a36) !important;
}

/* Creator Community home: crop the 3-up feature photos to one height. */
body:not(.elementor-editor-active):not(.elementor-editor-preview) .elementor-section:has(.elementor-col-33 .elementor-widget-image img[src*="hero-bg"]) .elementor-col-33 .elementor-widget-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

/* Closing CTA: JOIN FREE sat left under a centered lede. */
body:not(.elementor-editor-active):not(.elementor-editor-preview) .elementor-widget-text-editor:has(p[style*="text-align:center"][style*="accent_soft"]) + .elementor-widget-button {
	text-align: center !important;
}
body:not(.elementor-editor-active):not(.elementor-editor-preview) .elementor-widget-heading:has(+ .elementor-widget-text-editor p[style*="accent_soft"]) .elementor-heading-title {
	text-align: center;
}

.umwfe-header-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.umwfe-header-nav--vertical {
	flex-direction: column;
	align-items: flex-start;
}

.umwfe-header-nav__avatar img {
	display: block;
	border-radius: 50%;
	object-fit: cover;
}

.umwfe-header-nav__link {
	text-decoration: none;
	line-height: 1.3;
}

.umwfe-header-nav--button .umwfe-header-nav__link {
	display: inline-flex;
	align-items: center;
	padding: 0.4em 0.9em;
	border: 1px solid currentColor;
	border-radius: 4px;
}

.umwfe-header-nav__name {
	font-weight: 600;
}

/* Kit headers put nav items as sibling Button widgets in one column.
   Elementor widgets default to width:100%, so they stack into a tower. */
.umwfe-site-header .elementor-widget-wrap:has(> .elementor-widget-button ~ .elementor-widget-button) {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.35rem;
}
@media (max-width: 782px) {
	.umwfe-site-header .elementor-widget-wrap:has(> .elementor-widget-button ~ .elementor-widget-button) {
		flex-wrap: wrap;
	}
}

.umwfe-site-header .elementor-widget-wrap:has(> .elementor-widget-button ~ .elementor-widget-button) > .elementor-widget-button {
	width: auto;
	max-width: none;
	flex: 0 0 auto;
	margin: 0;
}

.umwfe-site-header .elementor-widget-wrap:has(> .elementor-widget-button ~ .elementor-widget-button) > .elementor-widget-button .elementor-button-wrapper {
	width: auto;
}