/* Футер */
.footer {
  background: #1a1a1a; /* Темный фон футера */
  padding: 10px 0; /* Внутренние отступы сверху и снизу */
  text-align: center; /* Выравнивание текста по центру */
  margin-top: auto; /* Прижимаем футер к низу */
  border-top: 1px solid rgba(255, 255, 255, 0.1); /* Добавим деликатную границу */
  font-size: 12px;
}

.footer .container {
  display: flex;
  flex-direction: column; /* Элементы в колонку */
  gap: 10px; /* Расстояние между элементами */
  max-width: 1200px; /* Ограничим ширину контента */
  margin: 0 auto; /* Центрируем контейнер */
  padding: 0 20px; /* Боковые отступы */
}

.footer-text {
  color: var(--text-muted); /* Цвет текста из переменных */
  font-size: 5px; /* Размер текста */
  margin: 0; /* Убираем внешние отступы */
  line-height: 1.5; /* Межстрочный интервал */
}

.footer-links {
  display: flex;
  justify-content: center; /* Центрируем ссылки */
  gap: 15px; /* Расстояние между ссылками */
  flex-wrap: wrap; /* Перенос на маленьких экранах */
}

.footer-link {
  color: var(--text-muted); /* Цвет ссылок */
  text-decoration: none; /* Убираем подчеркивание */
  transition: var(--transition); /* Плавный переход */
  font-size: 12px; /* Размер текста ссылок */
  padding: 5px 0; /* Небольшие отступы */
}

.footer-link:hover {
  color: var(--accent); /* Цвет при наведении */
  text-decoration: underline; /* Подчеркивание при наведении */
}

/* Адаптив для мобильных */
@media (max-width: 480px) {
  .footer-links {
    flex-direction: column; /* Ссылки в колонку */
    gap: 5px; /* Уменьшаем расстояние */
  }

  .footer {
    padding: 15px 0; /* Уменьшаем отступы */
  }

  .footer-text {
    font-size: 10px; /* Чуть уменьшаем текст */
  }
}
