/* Переопределяем uppercase для ссылок в футере */
.footer a {
  text-transform: none !important;
}

/* Заголовки в футере — белые */
.footer h3 {
  color: #d9a453 !important; /* Белый цвет для заголовков */
}

/* Ссылки в футере — серые */
.footer a {
  color: #d9a453 !important; /* Серый цвет (text-base-content/70) */
}

/* Эффект наведения — золотой */
.footer a:hover {
  color: #D4AF37 !important; /* Золотой цвет при наведении */
}

/* Копирайт */
.footer .text-center p {
  color: #d9a453 !important; /* Более мягкий серый (text-base-content/60) */
}

/* Принудительное применение сетки для футера */
.footer .grid {
  display: grid !important;
  gap: 2rem !important; /* Эквивалент gap-8 */
  justify-items: center !important; /* Центрируем содержимое колонок */
}

/* На экранах >= 640px (sm) */
@media (min-width: 640px) {
  .footer .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2 колонки */
  }
}

/* На экранах >= 768px (md) */
@media (min-width: 768px) {
  .footer .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 4 колонки */
  }
}

/* Ограничиваем ширину колонок и центрируем их содержимое */
.footer .grid > div {
  width: 100%;
  max-width: 300px; /* Ограничиваем ширину колонок */
  text-align: left; /* Выравнивание текста по левому краю внутри колонок */
}

/* Исправление центрирования для Privacy Policy и копирайта */
.footer .w-full .flex-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}