/**
 * Elinom Copilot after Connect, without crowding Login.
 * Unique filename: nginx caches /css/ immutable.
 *
 * Desktop landing already carries Partners / About / Help Centre. Copilot
 * must sit immediately after Connect, so Partners and About drop off below
 * 1600px (they stay in the mobile drawer) and Help Centre remains last.
 */

@media (min-width: 1280px) {
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.copilot-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.copilot-li {
    order: 9 !important;
    flex: 0 0 auto !important;
    display: flex !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.partners-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.partners-li {
    order: 10 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.about-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.about-li {
    order: 11 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.help-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.help-li {
    order: 12 !important;
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.partners-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.partners-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.about-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.about-li {
    display: none !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.copilot-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.help-li,
  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.nav-end-link.help-li {
    display: flex !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #navMenu > li > a,
  html[data-active-module="landing"] body.erp-body #navbar .nav-menu > li > a {
    padding: 0 0.28rem !important;
  }
}