.footer {
  padding: 50px; /* Уменьшаем отступы для мобильных устройств */
  background-color: var(--background);
  color: var(--foreground);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Разрешаем перенос при необходимости */
  width: 100%;
  box-sizing: border-box;
}

.infoFoo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90%; /* Сохраняем контейнер */
  margin: 0 auto;
  flex-direction: row; /* По умолчанию горизонтальное расположение */
}

.copyright {
  white-space: normal; /* Разрешаем перенос текста */
  word-break: break-word; /* Перенос слов при необходимости */
  overflow: hidden; /* Скрываем лишнее, если текст все же не помещается */
  text-overflow: ellipsis; /* Добавляем многоточие, если текст обрезается */
  max-width: 100%; /* Ограничиваем ширину */
}

.copyright a {
  color: var(--primary);
  text-decoration: none;
}

.copyright a:hover {
  text-decoration: underline;
}

.right-link {
  white-space: nowrap; /* Предотвращаем перенос */
}

.right-link a {
  color: var(--primary);
  text-decoration: none;
}

.right-link a:hover {
  text-decoration: underline;
}

.copyright strong,
.right-link strong {
  font-weight: bold; /* Жирный шрифт для Pchelki.ME и VK */
}

/* Медиа-запрос для низкого разрешения (до 600px) */
@media (max-width: 600px) {
  .footer {
    padding: 10px; /* Еще больше уменьшаем отступы */
    flex-direction: column; /* Переключаем на вертикальное расположение */
    text-align: center; /* Центрируем текст */
  }

  .infoFoo {
    flex-direction: column; /* Вертикальное расположение элементов */
    align-items: center; /* Центрируем содержимое */
  }

  .copyright,
  .right-link {
    margin: 5px 0; /* Добавляем отступы между элементами */
  }

  .copyright {
    font-size: 14px; /* Уменьшаем шрифт для лучшей подгонки */
  }
}

/* Медиа-запрос для экстремально низкого разрешения (например, до 320px, типичный размер маленьких экранов) */
@media (max-width: 320px) {
  .copyright {
    font-size: 12px; /* Еще больше уменьшаем шрифт */
    line-height: 1.2; /* Оптимизируем высоту строки */
    padding: 0 5px; /* Добавляем внутренние отступы для компактности */
  }

  .infoFoo {
    padding: 0 10px; /* Уменьшаем внешние отступы контейнера */
  }
}