/**
 * Language Switcher - Premium Design (Obsidian & Champagne)
 * ==========================================================
 */

.language-switcher {
  position: fixed;
  bottom: var(--space-8);
  right: var(--space-8);
  z-index: var(--z-sticky);

  display: flex;
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);

  padding: 4px;
  border-radius: var(--radius-full);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-premium);

  transition: all var(--transition-normal);
}

.language-switcher:hover {
  background: var(--glass-bg-hover);
  box-shadow: var(--shadow-premium-hover);
  transform: translateY(-2px);
}

.language-switcher button {
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  padding: 8px 16px;
  border-radius: var(--radius-full);
  cursor: pointer;

  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  letter-spacing: 0.05em;

  transition: all var(--transition-normal);
}

.language-switcher button:hover {
  color: var(--color-primary);
}

/* Active State (Highlighted) */
.language-switcher button.active {
  background: none;
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-glow-primary);
}

/* Responsive Position */
@media (max-width: 768px) {
  .language-switcher {
    bottom: var(--space-20);
    /* Moved up to avoid covering content on mobile */
    right: var(--space-4);
  }
}