/* Workplace Login: use the exact same navigation styling as sibling links. */
/* Keep only the arrow's natural inline spacing; inherit font, colour, background, size and hover rules. */
.workplace-login-arrow { margin-left: 3px; }

/* Do not hide Workplace Login on mobile; it is also present in the mobile off-canvas menu. */
@media (prefers-reduced-motion: reduce) {
  .workplace-login-link { transition: none; }
}


/* Small-screen header: keep Workplace Login visible beside the hamburger. */
.workplace-login-mobile-item {
  display: none;
}

@media (max-width: 575.98px) {
  .workplace-login-mobile-item {
    display: inline-flex;
    align-items: center;
    margin: 0 10px 0 0;
    padding: 0;
    white-space: nowrap;
  }

  .workplace-login-mobile-item > a.workplace-login-link {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-decoration: none;
    box-shadow: none;
  }

  .workplace-login-mobile-item > a.workplace-login-link:hover,
  .workplace-login-mobile-item > a.workplace-login-link:focus {
    background: transparent;
    color: inherit;
    text-decoration: none;
    box-shadow: none;
  }
}