.pcw-lang {
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--darkgray, #5b564d);
}
.pcw-lang > button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.7rem;
  background: var(--light, #fafaf7);
  border: 1px solid var(--lightgray, #e6e4df);
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.pcw-lang > button:hover {
  border-color: var(--secondary, #1f6f5c);
}
.pcw-lang-label { color: var(--gray, #9a948b); }
.pcw-lang-current { font-weight: 600; color: var(--dark, #1c1a16); }
.pcw-lang > ul {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  min-width: 12rem;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  background: var(--light, #fafaf7);
  border: 1px solid var(--lightgray, #e6e4df);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  z-index: 50;
}
.pcw-lang[aria-expanded="true"] > ul { display: block; }
.pcw-lang > ul a {
  display: block;
  padding: 0.4rem 0.7rem;
  text-decoration: none;
  color: var(--dark, #1c1a16);
}
.pcw-lang > ul a:hover {
  background: var(--highlight, rgba(31, 111, 92, 0.12));
}
.pcw-lang > ul a[aria-current="true"] {
  font-weight: 600;
  color: var(--secondary, #1f6f5c);
}
.pcw-lang-fallback {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0 0.4rem;
  background: var(--lightgray, #e6e4df);
  color: var(--darkgray, #5b564d);
  border-radius: 3px;
  font-size: 0.78rem;
  vertical-align: middle;
}