.lang-dropdown > summary {
  list-style: none;
}

.lang-dropdown > summary::-webkit-details-marker {
  display: none;
}

.lang-dropdown[open] > summary {
  border-color: color-mix(in oklch, var(--brand-teal) 50%, transparent);
  color: var(--brand-teal);
}

.lang-dropdown__chevron {
  font-size: 10px;
  opacity: 0.6;
}

.lang-dropdown__menu {
  min-width: 9rem;
}

/* Desktop: pills inline; mobile: dropdown */
.lang-switcher-desktop {
  display: none;
}

.lang-dropdown {
  display: block;
}

@media (min-width: 768px) {
  .lang-switcher-desktop {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .lang-dropdown {
    display: none;
  }
}