.arenium-language-picker {
  --language-picker-bg: rgba(10, 14, 24, 0.88);
  --language-picker-border: rgba(219, 187, 122, 0.55);
  --language-picker-text: #fff7df;
  position: relative;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  max-width: min(19rem, calc(100vw - 2rem));
  padding: 0.42rem 0.55rem 0.42rem 0.7rem;
  color: var(--language-picker-text);
  background: var(--language-picker-bg);
  border: 1px solid var(--language-picker-border);
  border-radius: 999px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.arenium-language-picker--floating {
  position: fixed;
  top: max(0.8rem, env(safe-area-inset-top));
  right: max(0.8rem, env(safe-area-inset-right));
}

.arenium-language-picker--homepage {
  top: max(5.5rem, calc(env(safe-area-inset-top) + 0.8rem));
}

.arenium-language-picker label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  color: inherit;
  font: 600 0.78rem/1.1 system-ui, sans-serif;
  white-space: nowrap;
}

.arenium-language-picker select {
  width: 11.5rem;
  max-width: 14rem;
  padding: 0.38rem 1.65rem 0.38rem 0.55rem;
  color: inherit;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  font: 600 0.78rem/1.2 system-ui, sans-serif;
  cursor: pointer;
}

.arenium-language-picker select:focus-visible {
  outline: 2px solid #f7cf72;
  outline-offset: 2px;
}

.arenium-language-picker option {
  color: #f7f2e8;
  background: #151a24;
}

@media (max-width: 640px) {
  .arenium-language-picker--floating {
    top: max(0.55rem, env(safe-area-inset-top));
    right: max(0.55rem, env(safe-area-inset-right));
  }

  .arenium-language-picker--homepage {
    top: max(0.55rem, env(safe-area-inset-top));
  }

  .arenium-language-picker__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .arenium-language-picker select {
    width: 10.75rem;
    max-width: calc(100vw - 4rem);
  }
}