/* Sélecteur de langue */
.lang-picker {
  position: relative;
  flex-shrink: 0;
}
.lang-picker__flag-img {
  display: block;
  width: 20px;
  height: 15px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgb(51 65 85 / 0.8);
}
.lang-picker__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid rgb(51 65 85);
  background: rgb(15 23 42 / 0.6);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.lang-picker__btn:hover {
  border-color: rgb(100 116 139);
  background: rgb(30 41 59 / 0.8);
}
.lang-picker__code {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: rgb(148 163 184);
  text-transform: uppercase;
}
.lang-picker__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 0.35rem);
  z-index: 120;
  min-width: 11rem;
  max-height: 16rem;
  overflow-y: auto;
  padding: 0.35rem;
  border-radius: 0.75rem;
  border: 1px solid rgb(51 65 85);
  background: rgb(18 23 34);
  box-shadow: 0 12px 40px rgb(0 0 0 / 0.45);
}
.lang-picker__menu {
  display: none;
}
.lang-picker__menu:not(.hidden) {
  display: block;
}
.lang-picker__option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.45rem 0.55rem;
  border: none;
  border-radius: 0.45rem;
  background: transparent;
  color: rgb(226 232 240);
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
}
.lang-picker__option:hover {
  background: rgb(30 41 59);
}
.lang-picker__option.is-active {
  background: rgb(244 63 94 / 0.15);
  color: rgb(251 207 232);
}