.lang-uk[hidden], .lang-en[hidden] {
  display: none !important;
}

.lang-switch {
  display: flex;
  align-items: center;
  gap: 2px;
}

.lang-switch-btn {
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
  opacity: 0.5;
}

.lang-switch-btn.active {
  color: var(--accent);
  opacity: 1;
}

/* navbar only: the lang-uk/lang-en wrapper must fill the flex row so its
   .div-block child (max-width:1200px, margin:auto) has room to center in. */
.navbar>.lang-uk,
.navbar>.lang-en {
  flex: 1;
  border-bottom: 1px solid #aab4ab;
}