/* Language Switcher Styles */
.masthead__menu-item.lang-switcher {
  /* Use table-cell display like other menu items */
  white-space: nowrap;
}

.masthead__menu-item.lang-switcher .lang-switch-btn {
  display: inline;
  color: inherit;
  text-decoration: none;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: inherit;
  font-family: inherit;
  transition: opacity 0.2s ease;
  opacity: 0.6;
}

.masthead__menu-item.lang-switcher .lang-switch-btn:first-child {
  /* Align with other menu items */
  margin-left: 1rem;
}

.masthead__menu-item.lang-switcher .lang-switch-btn:last-child {
  margin-right: 1rem;
}

.masthead__menu-item.lang-switcher .lang-switch-btn:hover {
  opacity: 1;
  text-decoration: underline;
}

.masthead__menu-item.lang-switcher .lang-switch-btn.active {
  opacity: 1;
  font-weight: bold;
  cursor: default;
}

.masthead__menu-item.lang-switcher .lang-switch-btn.active:hover {
  text-decoration: none;
}

.masthead__menu-item.lang-switcher .lang-separator {
  display: inline;
  opacity: 0.4;
  padding: 0 0.15em 0 0.2em;
  margin: 0;
  user-select: none;
}

/* Responsive design */
@media (max-width: 768px) {
  .masthead__menu-item.lang-switcher {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
  }
}