/* Main menu fits on one row from 960px (where the hamburger menu ends) up (WO-89).
 * Text size, link spacing and logo width scale with the window: full size at 1600px+,
 * tighter on laptops and tablets. Flex removes the gaps between inline-block items. */

@media only screen and (min-width: 960px) {

	.nav-primary .genesis-nav-menu {
		--clb-nav-pad: clamp(5px, -10px + 1.5625vw, 15px);
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: baseline;
	}

	.nav-primary .genesis-nav-menu > .menu-item > a {
		font-size: clamp(14px, 5px + 0.9375vw, 20px);
		letter-spacing: -0.01em;
		padding-left: var(--clb-nav-pad);
		padding-right: var(--clb-nav-pad);
	}

	/* Dropdown arrow (button added by clb-custom-ironwood-scripts.js; Customizer CSS pulls
	   it left by a fixed 20px). Keep a 6px gap after the label at every width. */
	.nav-primary .genesis-nav-menu > .menu-item > .sub-menu-toggle-updated {
		--clb-arrow-pad: clamp(6px, -12px + 1.875vw, 12px);
		padding-left: var(--clb-arrow-pad);
		padding-right: var(--clb-arrow-pad);
		margin-left: calc(6px - var(--clb-nav-pad) - var(--clb-arrow-pad));
	}

	.nav-primary .genesis-nav-menu > .menu-highlight.menu-item > a {
		margin-left: clamp(4px, -12.5px + 1.71875vw, 15px);
		padding-left: clamp(10px, -5px + 1.5625vw, 20px);
		padding-right: clamp(10px, -5px + 1.5625vw, 20px);
	}

	.wp-custom-logo .title-area {
		width: clamp(150px, -75px + 23.4375vw, 300px);
		max-width: clamp(150px, -75px + 23.4375vw, 300px);
	}
}