/*!
 * Nav chrome — unique filename (nginx caches /css/ immutable).
 *
 * Give the Elinom wordmark a little air before the 9-dot module grid.
 * erp-shell currently pins both margins to 0 so they sit snug.
 */

:root {
  --erp-wordmark-grid-gap: 0.7rem;
}

html body.erp-body #navbar .container.nav-container > a.logo.enhanced-logo,
html body.erp-body #navbar .nav-container > a.logo.enhanced-logo {
  margin-right: 0 !important;
}

html body.erp-body #navbar .container.nav-container > a.logo.enhanced-logo + #erpAppSwitcher,
html body.erp-body #navbar .container.nav-container > a.logo.enhanced-logo + .erp-app-switcher,
html body.erp-body #navbar .container.nav-container > #erpAppSwitcher,
html body.erp-body #navbar .container.nav-container > .erp-app-switcher,
html body.erp-body #navbar .nav-container > a.logo.enhanced-logo + #erpAppSwitcher,
html body.erp-body #navbar .nav-container > #erpAppSwitcher,
html body.erp-body #navbar .nav-container > .erp-app-switcher {
  margin-left: var(--erp-wordmark-grid-gap) !important;
}

@media (max-width: 768px) {
  html body.erp-body #navbar .container.nav-container > a.logo.enhanced-logo {
    margin-right: 0 !important;
  }

  html body.erp-body #navbar .container.nav-container > #erpAppSwitcher,
  html body.erp-body #navbar .container.nav-container > .erp-app-switcher {
    margin-left: var(--erp-wordmark-grid-gap) !important;
  }
}