.language-selector {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 0;
  font-size: .8rem;
}

.language-selector select,
.language-selector button {
  min-height: 36px;
  border: 1px solid #cbd5d0;
  border-radius: 6px;
  padding: .35rem .55rem;
  font: inherit;
  color: #163b2e;
  background: #fff;
}

.language-selector select { max-width: 12rem; }
.language-selector button { cursor: pointer; }
.language-selector button:hover { background: #edf6f0; }
.language-selector select:focus-visible,
.language-selector button:focus-visible { outline: 2px solid #168252; outline-offset: 2px; }

.auth-language-bar {
  display: flex;
  justify-content: flex-end;
  padding: .75rem 1.5rem;
}

.user-menu-dropdown:has(.language-selector) {
  width: 280px;
  max-width: calc(100vw - 2rem);
}

.user-menu-dropdown .language-selector { padding: .75rem; }