/* Top menu. UA and ES labels are longer than EN, and the rem-based spacing on the right of the header
   grows on very wide screens while the container stays 1180px, so the items used to get squeezed and wrap. */
header nav a {
	white-space: nowrap;
}

header nav > ul > li {
	flex-shrink: 0;
}

/* Fixed (not rem) space before the search icon. */
.header-fixed .hc-container > div > div > .ml-6 {
	margin-left: 24px;
}

/* Tighter gaps between items for the longer menus (Tailwind space-x-[40px] on the list). */
html:not([lang^="en"]) header nav > ul > li + li {
	margin-left: 28px !important;
}