/* =============================================
 * LANGUAGE SWITCHER STYLES
 * Plik: styles/language-switcher.css
 * ============================================= */

.language-switcher {
  display: flex;
  align-items: center;
  margin-right: 16px;
}

.language-switcher .lang-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2px;
  align-items: center;
}

.language-switcher .lang-item {
  display: flex;
  align-items: center;
}

.language-switcher .lang-item a {
  color: var(--text-secondary, #6c757d);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  padding: 4px 6px;
  border-radius: 4px;
  transition: color 0.2s ease;
  letter-spacing: 0.5px;
}

.language-switcher .lang-item a:hover {
  color: var(--text-primary, #1a1a1a);
}

.language-switcher .lang-item.current-lang a {
  color: var(--text-primary, #1a1a1a);
  font-weight: 700;
}

/* Separator between languages */
.language-switcher .lang-item + .lang-item::before {
  content: '|';
  color: var(--text-secondary, #999);
  font-size: 12px;
  margin-right: 2px;
}

/* =============================================
 * LIGHT / TRANSPARENT HEADER VARIANTS
 * ============================================= */

.light-header .language-switcher .lang-item a,
.transparent-header .language-switcher .lang-item a {
  color: rgba(255, 255, 255, 0.7);
}

.light-header .language-switcher .lang-item a:hover,
.transparent-header .language-switcher .lang-item a:hover {
  color: #fff;
}

.light-header .language-switcher .lang-item.current-lang a,
.transparent-header .language-switcher .lang-item.current-lang a {
  color: #fff;
  font-weight: 700;
}

.light-header .language-switcher .lang-item + .lang-item::before,
.transparent-header .language-switcher .lang-item + .lang-item::before {
  color: rgba(255, 255, 255, 0.4);
}

/* =============================================
 * RESPONSIVE
 * ============================================= */

@media (max-width: 991px) {
  .language-switcher {
    margin-right: 12px;
    order: -1; /* Przed hamburger menu na mobile */
  }

  .language-switcher .lang-item a {
    font-size: 13px;
    padding: 4px 4px;
  }
}

@media (max-width: 575px) {
  .language-switcher {
    margin-right: 8px;
  }

  .language-switcher .lang-item a {
    font-size: 12px;
    padding: 2px 3px;
  }
}