.lang-wrapper {
  position: relative;
  display: inline-block;
}

.lang-wrapper select {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2; /* reste cliquable */
}

.lang-wrapper .lang-display {
  position: relative;
  z-index: 1;
  /* transition: opacity 0.2s ease; */
  pointer-events: none; /* important : le clic passe au select */
}
.lang-wrapper:hover .lang-display {
  opacity: var(--header-opacity);
}