/* Shared header proportions for both comparison versions. */
#main-header .site-header-row-container-inner > .site-container {
	max-width: none;
	padding-inline: 48px;
}

#main-header .site-main-header-inner-wrap {
	min-height: 84px;
	column-gap: 32px;
}

#main-header .site-branding .custom-logo {
	width: 190px;
	max-width: none;
}

#main-header .header-menu-container > ul.menu > li > a {
	font-size: 16px;
	font-weight: 600;
	padding-inline: 18px;
}

#main-header .header-menu-container > ul.menu > li:not(.yin-language-link):not(.yin-menu-cta) > a {
	position: relative;
}

#main-header .header-menu-container > ul.menu > li:not(.yin-language-link):not(.yin-menu-cta) > a[aria-current="page"] {
	color: var(--yin-blue);
}

#main-header .header-menu-container > ul.menu > li:not(.yin-language-link):not(.yin-menu-cta) > a[aria-current="page"]::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 18px;
	right: 18px;
	height: 3px;
	background: var(--yin-blue);
}

#mobile-drawer .menu > li:not(.yin-language-link):not(.yin-menu-cta) > a[aria-current="page"] {
	color: var(--yin-blue);
	text-decoration: underline;
	text-decoration-color: var(--yin-blue);
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}

/* Center labels even when the parent theme expands the menu link width. */
#main-header .header-menu-container > ul.menu > li.yin-language-link > a,
#main-header .header-menu-container > ul.menu > li.yin-menu-cta > a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#main-header .header-menu-container > ul.menu > li.yin-language-link > a {
	min-height: 40px;
	padding: 8px 14px;
	margin-left: 16px;
}

#main-header .header-menu-container > ul.menu > li.yin-menu-cta > a {
	min-height: 44px;
	padding: 10px 20px;
	margin-left: 20px;
}

@media (max-width: 1599px) {
	#main-header .header-menu-container > ul.menu > li > a[aria-current="page"]::after { left: 13px; right: 13px; }
	#main-header .site-header-row-container-inner > .site-container { padding-inline: 32px; }
	#main-header .header-menu-container > ul.menu > li > a { font-size: 15px; padding-inline: 13px; }
	#main-header .site-branding .custom-logo { width: 180px; }
}

@media (max-width: 1279px) {
	#main-header .header-menu-container > ul.menu > li > a[aria-current="page"]::after { left: 9px; right: 9px; }
	#main-header .site-header-row-container-inner > .site-container { padding-inline: 24px; }
	#main-header .site-main-header-inner-wrap { column-gap: 20px; min-height: 80px; }
	#main-header .site-branding .custom-logo { width: 170px; }
	#main-header .header-menu-container > ul.menu > li > a { font-size: 14px; padding-inline: 9px; }
	#main-header .header-menu-container > ul.menu > li.yin-language-link > a { margin-left: 8px; padding-inline: 11px; }
	#main-header .header-menu-container > ul.menu > li.yin-menu-cta > a { margin-left: 20px; padding-inline: 15px; }
}