/* Header right (2026-10-17, html/mod_menu/usermenu.php): Start a project | person icon (Log in) · [Sign up]; members: Start a project | avatar.
   Pricing moved into the main menu. Mockup: mockups/header-right-2026-10-17.html (option B). */
#t4-header .t4-header-r .navbar-nav { align-items: center; }
/* the divider after Start a project; .navbar-nav > li.nav-item… beats header-user.css "li + li { margin-left: 14px }" (1200–1399px) */
#t4-header .t4-header-r .navbar-nav > li.nav-item.pxh-project + li.nav-item,
#t4-header .t4-header-r .navbar-nav > li.nav-item.item-194 + li.pxa-usermenu-item { position: relative; margin-left: 33px; }
#t4-header .t4-header-r .navbar-nav > li.nav-item.pxh-project + li.nav-item::before,
#t4-header .t4-header-r .navbar-nav > li.nav-item.item-194 + li.pxa-usermenu-item::before { content: ""; position: absolute; left: -17px; top: 50%; width: 1px; height: 22px; margin-top: -11px; background: var(--ds-line-strong, #d9dee5); }
#t4-header .t4-header-r .navbar-nav > li.pxh-join { margin-left: 10px; }
#t4-header .pxh-login__btn { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--ds-line-strong, #d9dee5); color: var(--ds-navy, #050038); transition: box-shadow .2s ease, color .2s ease; }
#t4-header .pxh-login__btn:hover { box-shadow: inset 0 0 0 1.5px var(--ds-navy, #050038); color: var(--ds-navy, #050038); }
#t4-header .pxh-login__btn:focus-visible { outline: 2px solid var(--ds-green-ink, #15803d); outline-offset: 2px; }
/* below 1200px Start a project waits in the Services mega menu / footer (with Pricing in the main menu the logo was squeezed to 55px
   at 992–1199px); below 992px Log in is in the ☰ menu too (custom.css hides items 194 / 255) */
@media (max-width: 1199.98px) {
	#t4-header .t4-header-r .navbar-nav > li.item-194 { display: none; }
	#t4-header .t4-header-r .navbar-nav > li.nav-item.pxh-project + li.nav-item,
	#t4-header .t4-header-r .navbar-nav > li.nav-item.item-194 + li.pxa-usermenu-item { margin-left: 0; }
	#t4-header .t4-header-r .navbar-nav > li.nav-item.pxh-project + li.nav-item::before,
	#t4-header .t4-header-r .navbar-nav > li.nav-item.item-194 + li.pxa-usermenu-item::before { display: none; }
}
@media (max-width: 991.98px) {
	#t4-header .t4-header-r .navbar-nav > li.pxh-join { margin-left: 0; }
}