/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 *
 * Utility icons (Login / avatar / bell / ENG) are lifted from the search
 * row onto the 64px nav row with `top: -4rem`. 20260907unmuddle also set
 * `align-self: center` on that 48px search row, so a 64px child was flex-
 * centred first (8px overflow) and then shifted up. The cluster sat against
 * the navbar's top edge with extra space below.
 *
 * This sheet pins the wrappers to the search-row start, lifts them by
 * exactly the nav height, and centres the 40px glyphs inside that 64px
 * band so they match the logo / tabs vertical centre.
 */

@media (min-width: 1280px) {
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .nav-auth-buttons,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #navUserChip,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #navNotifWrap,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .util-lang-wrap,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #utilLangWrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    position: relative !important;
    top: calc(-1 * var(--erp-nav-main-h, 4rem)) !important;
    transform: none !important;
    height: var(--erp-nav-main-h, 4rem) !important;
    min-height: var(--erp-nav-main-h, 4rem) !important;
    max-height: var(--erp-nav-main-h, 4rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip .nav-user-avatar,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navNotifBell,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #currentLangDisplay {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
  }
}