/* Minimum shared-navigation change: with ten top-level items the Elementor header menu overlapped the search icon
   between 1200px and 1439px. Only the horizontal spacing between items changes at those widths; labels, styling,
   dropdowns and the mobile menu are untouched. Loaded on every page (the header is shared), does not affect Home content. */
@media (min-width: 1200px) and (max-width: 1439px) {
	#site-navigation ul.menu > li { margin-left: 11px; margin-right: 11px; }
	#site-navigation ul.menu > li > a { letter-spacing: 0; }
}
@media (min-width: 1440px) and (max-width: 1599px) {
	#site-navigation ul.menu > li { margin-left: 15px; margin-right: 15px; }
}

/* Header call to action (approved direction 03): the last menu item "Book a demo" is a real menu item (so it also
   appears in the mobile panel) styled as the teal primary button on wide screens. */
@media (min-width: 1200px) {
	/* eleven items incl. the CTA must fit the 870px menu column: tighter gaps at every desktop width */
	#site-navigation ul.menu > li { margin-left: 8px; margin-right: 8px; }
	#site-navigation ul.menu > li > a { letter-spacing: 0; }
	#site-navigation ul.menu > li.orca-nav-cta { align-self: center; margin-left: 12px; margin-right: 0; }
	#site-navigation ul.menu > li.orca-nav-cta > a { background: #0F6F6E; color: #fff !important; border-radius: 8px; padding: 9px 14px; line-height: 1.2; font-weight: 700; font-size: 14px; white-space: nowrap; }
	#site-navigation ul.menu > li.orca-nav-cta > a:hover, #site-navigation ul.menu > li.orca-nav-cta > a:focus-visible { background: #0B5857; color: #fff !important; }
	#site-navigation ul.menu > li.orca-nav-cta > a::after, #site-navigation ul.menu > li.orca-nav-cta > a::before { display: none !important; }
}