/* Header right side, product-first (2026-10-15). Loaded by html/mod_menu/usermenu.php.
   Contact sales · Log in (guests) · [Pricing] · avatar */
.t4-header-r .nav-item.pxh-cta .btn { border-radius: 999px; padding: 9px 20px; font-weight: 600; }
.t4-header-r .nav-item.pxh-cta { margin-left: 4px; }
.t4-header-r .pxh-item > .nav-link { white-space: nowrap; }

/* account button: avatar only (the name and email are inside the menu) */
.pxa-usermenu.pxh-user > summary { padding: 0; border: 0; background: none; gap: 0; border-radius: 50%; }
.pxa-usermenu.pxh-user > summary:hover .pxa-avatar, .pxa-usermenu.pxh-user[open] > summary .pxa-avatar { box-shadow: 0 0 0 3px #e7ebf0; }
.pxa-usermenu.pxh-user > summary .pxa-avatar { position: relative; transition: box-shadow .15s; }
/* paid plan: a small green pixel on the avatar (the site's pixel colour; avatars themselves can be yellow) */
.pxa-usermenu.pxh-user.is-paid > summary { position: relative; }
.pxa-usermenu.pxh-user.is-paid > summary::after { content: ""; position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px; border-radius: 3px; background: #34c759; border: 2px solid #fff; }
.pxa-usermenu-item { margin-left: 6px; }

/* Guest header "Contact sales · Log in · Sign up free · Pricing" (2026-10-17): from 1200px the right column takes the width
   it needs and the logo + main menu column the rest; below 1200px "Sign up free" is hidden (menu item class d-none d-xl-block) */
@media (min-width: 1200px) {
	#t4-header .row > .t4-header-r { flex: 0 0 auto; width: auto; max-width: none; }
	#t4-header .row > .col-xl-8:has(+ .t4-header-r) { flex: 1 1 0; width: auto; max-width: none; min-width: 0; }
	#t4-header .row > .col-xl-8:has(+ .t4-header-r) > .navbar-brand { flex: none; }
}
@media (max-width: 1199.98px) {
	#t4-header .t4-header-r li:has(> .pxh-signup) { display: none; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
	#t4-header .t4-header-r .navbar-nav > li.nav-item + li.nav-item { margin-left: 14px; }
	#t4-header .t4-header-r .pxh-cta .btn { padding-left: 18px; padding-right: 18px; }
}