/* t13 header fixes (bump version in functions.php when editing) */

/* Dual logo variants: dark text for solid light headers, white text for dark/transparent ones. */
header.main-header .header-logo img.logo-variant-light { display: none; }
header.main-header.header-2 .header-logo img.logo-variant-dark { display: none; }
header.main-header.header-2 .header-logo img.logo-variant-light { display: inline-block; }

/* Logo sizing: theme ships max-height:100px at >=992px; beat it with equal specificity (this file loads later). */
header.main-header .header-logo > a > img { max-height: 40px; width: auto; }
.sticky-wrapper.is-sticky > header.main-header .header-logo > a > img { max-height: 40px; }
/* header-2 transparent hero header: slightly larger. */
header.main-header.header-2 .header-logo img { max-height: 54px; width: auto; }
.sticky-wrapper.is-sticky > header.main-header.header-2 .header-logo > a > img { max-height: 54px; }

@media screen and (min-width: 992px) {
	/* Anchor dropdowns to their own menu item (wrapper is the positioning context otherwise). */
	.x-nav-menu > li.x-menu-item { position: relative; }
	/* The xmenu "fly" JS writes an inline left computed against the old context — neutralize it. */
	.x-nav-menu > li.x-menu-item > ul.x-sub-menu { left: auto !important; }
	.x-nav-menu > li.x-menu-item + li { margin-left: 18px; }
	header.main-header .menu-wrapper .x-nav-menu > li.x-menu-item > a { font-size: 13px; }
}

/* header-2: white logo, single centered row. */
@media screen and (min-width: 992px) {
	header.main-header.header-2 .header-desktop-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	header.main-header.header-2 .header-left { flex: 0 0 auto; }
	header.main-header.header-2 .header-right { flex: 1 1 auto; text-align: right; }
	header.main-header.header-2 .menu-wrapper { display: inline-block; width: auto; }
	header.main-header.header-2 .x-nav-menu { white-space: nowrap; }
}

/* header-3 front page: slimmer white strip above the dark menu bar. */
@media screen and (min-width: 992px) {
	header.main-header.header-3 .header-desktop-wrapper {
		height: auto !important;
		min-height: 0 !important;
		padding: 14px 0 !important;
	}
	header.main-header.header-3 .header-customize { line-height: 40px; }
	header.main-header.header-3 .header-logo > a > img { padding-top: 0; padding-bottom: 0; }
	header.main-header.header-3 .icon-search-menu { line-height: 40px; }
}

/* header-1: dark navbar (desktop). */
@media screen and (min-width: 992px) {
	header.main-header.header-1 { background-color: #222222; }
	header.main-header.header-1 .menu-wrapper .x-nav-menu > li.x-menu-item > a { color: #fff; }
	header.main-header.header-1 .menu-wrapper .x-nav-menu > li.x-menu-item > a > b.x-caret:before { color: #fff; }
	header.main-header.header-1 .header-customize,
	header.main-header.header-1 .icon-search-menu { color: #fff; }
	header.main-header.header-1 .header-logo img.logo-variant-light { display: inline-block; }
	header.main-header.header-1 .header-logo img.logo-variant-dark { display: none; }
	header.main-header.header-1 .menu-wrapper .x-nav-menu > li.x-menu-item:hover > a,
	header.main-header.header-1 .menu-wrapper .x-nav-menu > li.x-menu-item.current-menu-item > a,
	header.main-header.header-1 .menu-wrapper .x-nav-menu > li.x-menu-item.current-menu-ancestor > a { color: #ffb600; }
	/* keep logo and menu on one centered row (same treatment as header-2) */
	header.main-header.header-1 .header-desktop-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	header.main-header.header-1 .header-left { flex: 0 0 auto; }
	header.main-header.header-1 .header-right { flex: 1 1 auto; text-align: right; }
	header.main-header.header-1 .menu-wrapper { display: inline-block; width: auto; }
	header.main-header.header-1 .x-nav-menu { white-space: nowrap; }
}