/**
 * Deciplus header fit. T37566.
 *
 * Deciplus has six menu items with long French labels plus two buttons, and the xplor
 * parent's spacing (1.5em either side of every link, 2.5rem before each button, 1.25rem
 * type) needs about 1900px to fit them all. Below that the nav ran past the edge of the
 * page and 'Pour les membres' was cut off where nobody could reach it: 197px short at
 * 1512px, and 'Demande de démo' went too from 1280px down.
 *
 * Tighter spacing and 18px type rather than 20px fit every width from 1024px, where the
 * burger menu takes over, and the spacing steps in again below 1280px. Items with a
 * dropdown keep enough right padding to clear their chevron, which the parent places 8px
 * in from the edge at 1.4vw wide, 21px at most. Those are the items the walker gives a
 * chevron: menu-item-has-children and menu-item-has-mega-menu.
 *
 * Hand-written rather than compiled, because this child's child.css must not be rebuilt:
 * it serves two blogs on two different parents (docs/build-traps.md §3). Loaded only when
 * the parent is xplor, which is Deciplus, by DECIPLUS_CHILD_enqueue_header_fit().
 */
@media only screen and (min-width: 1024px) {
	html body #site-header #site-nav .primary-menu-container > ul > li > a {
		font-size: 1.125rem;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	html body #site-header #site-nav .primary-menu-container > ul > li.menu-item-has-children > a,
	html body #site-header #site-nav .primary-menu-container > ul > li.menu-item-has-mega-menu > a {
		padding-right: calc(min(1.4vw, 21px) + 14px);
	}
	html body #site-header #site-nav .primary-menu-container > ul > li.cta-button {
		margin-left: 0.75rem;
	}
	html body #site-header #site-nav .primary-menu-container > ul > li.cta-button > a {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	html body #site-header #site-nav .primary-menu-container > ul > li > a {
		padding-left: 0.35em;
		padding-right: 0.35em;
	}
	html body #site-header #site-nav .primary-menu-container > ul > li.cta-button {
		margin-left: 0.5rem;
	}
	html body #site-header #site-nav .primary-menu-container > ul > li.cta-button > a {
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
}