/* HWG live fixes — desktop header alignment + MBHM mobile order */

/*
  YOOtheme compiled a 40px margin-top on the left/right nav groups so they
  optically sat on the wordmark of a 160×160 square logo. Shrinking the logo
  without removing that offset left the labels floating. Kill the offset so
  menus and logo share one row, both on load and sticky.
*/
.tm-header .uk-navbar-center-left,
.tm-header .uk-navbar-center-right {
	margin-top: 0;
}

.tm-header .uk-logo.uk-navbar-item {
	padding-top: 0;
	padding-bottom: 0;
	align-self: center;
}

/* Pre-scroll desktop: 40% larger than the 80px sticky row. Padding stays 16px. */
.tm-header .uk-logo img {
	height: 112px;
	width: auto;
	object-fit: contain;
}
.tm-header .uk-navbar-item,
.tm-header .uk-navbar-nav > li > a,
.tm-header .uk-navbar-toggle {
	min-height: 112px;
}

.uk-navbar-container.uk-navbar-sticky .uk-logo img {
	height: 80px;
	width: auto;
	object-fit: contain;
}
.uk-navbar-container.uk-navbar-sticky .uk-navbar-item,
.uk-navbar-container.uk-navbar-sticky .uk-navbar-nav > li > a,
.uk-navbar-container.uk-navbar-sticky .uk-navbar-toggle {
	min-height: 80px;
}

/* Original custom.css: stacked mobile mark must not fill the sticky bar */
.tm-header-mobile .uk-logo img,
.tm-header-mobile .uk-navbar-container.uk-navbar-sticky .uk-logo img {
	height: 52px;
	width: auto;
	object-fit: contain;
}

/* Restore compiled 16px chrome. Do not zero it — that crushed the bar. */
:not(.uk-sticky-below) > .uk-navbar-container:not(.uk-navbar) {
	padding-top: 16px;
	padding-bottom: 16px;
}

/* Hover bridge across the 16px padding under the labels */
.tm-header .uk-navbar-dropdown {
	--uk-position-offset: 0;
}
.tm-header .uk-navbar-dropdown::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	height: 20px;
}

/* MBHM "What if you could finally…" grid is stored column-major (1,4,2,5,3,6). */
@media (max-width: 959px) {
	.hwg-mbhm-steps .uk-grid {
		display: flex;
		flex-direction: column;
	}
	.hwg-mbhm-steps .uk-grid > :nth-child(1) { order: 1; }
	.hwg-mbhm-steps .uk-grid > :nth-child(2) { order: 4; }
	.hwg-mbhm-steps .uk-grid > :nth-child(3) { order: 2; }
	.hwg-mbhm-steps .uk-grid > :nth-child(4) { order: 5; }
	.hwg-mbhm-steps .uk-grid > :nth-child(5) { order: 3; }
	.hwg-mbhm-steps .uk-grid > :nth-child(6) { order: 6; }
}