/*
 * Kielivalitsin.
 * Tavallinen select ei leikkaudu Bootstrap navbar/collapse-elementin sisään.
 */
.vk-language-selector {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
}

.vk-language-selector__icon {
  flex: 0 0 auto;
  line-height: 1;
}

.vk-language-selector__select {
  width: auto;
  min-width: 7.4rem;
  max-width: 9.5rem;
  padding-right: 1.8rem;
}

@media (max-width: 767.98px) {
  .vk-language-selector {
    width: auto;
    max-width: 100%;
  }

  .vk-language-selector__select {
    width: 7.8rem;
    min-width: 0;
    max-width: calc(100vw - 4.5rem);
    font-size: 1rem;
  }
}