/* Флаги стран для переключателя языка */
.flag {
  width: 20px;
  height: 15px;
  display: inline-block;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

/* Флаг России */
.flag-ru {
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #ffffff 33.33%,
    #0052b4 33.33%,
    #0052b4 66.66%,
    #d52b1e 66.66%,
    #d52b1e 100%
  );
}

/* Флаг Великобритании для английского */
.flag-en {
  background: 
    /* Красный крест */
    linear-gradient(to right, transparent 45%, #c8102e 45%, #c8102e 55%, transparent 55%),
    linear-gradient(to bottom, transparent 45%, #c8102e 45%, #c8102e 55%, transparent 55%),
    /* Белый крест */
    linear-gradient(to right, transparent 40%, white 40%, white 60%, transparent 60%),
    linear-gradient(to bottom, transparent 40%, white 40%, white 60%, transparent 60%),
    /* Синий фон */
    #012169;
  position: relative;
}

/* Стили для переключателя языка */
.language-switcher__flag {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.language-switcher__flag .flag {
  margin-right: 6px;
}

.language-switcher__option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.language-switcher__option:hover {
  background-color: rgba(99, 102, 241, 0.1);
}

.language-switcher__option .flag {
  margin-right: 8px;
}

.language-switcher__option span {
  font-size: 14px;
  color: #374151;
}

/* Анимация для флагов */
.flag {
  transition: transform 0.2s ease;
}

.flag:hover {
  transform: scale(1.1);
}

/* Адаптивность */
@media (max-width: 768px) {
  .flag {
    width: 18px;
    height: 13px;
  }
  
  .language-switcher__option span {
    font-size: 13px;
  }
}