/**
 * UV Footer Styles — стили футера форума
 * Путь на сервере: /var/www/forum/public/sso/uv-footer.css
 */

:root {
  /* Основные настройки — можно менять под себя */
  --uv-footer-height: 115px;
  --uv-footer-bg-color: #8a758a;
  --uv-footer-gap: 50px;       /* ← регулируйте расстояние между колонками */
  --uv-footer-maxw: 1000px;    /* макс. ширина контента */
  --uv-footer-font-size: 16px; /* базовый размер шрифта */
  --uv-footer-font-weight: 300;/* TildaSans Light ≈ 300 */
  --uv-footer-line-height: 1.25;

  /* Фоновая картинка (чисто фон, без скролла) */
  --uv-footer-bg-url: url("https://utdcnydjgfpbtzarwkvg.supabase.co/storage/v1/object/public/userdashboard/Footer_BG.png");
  --uv-footer-bg-width: 1251px;
  --uv-footer-bg-height: 115px; /* подгоняем под высоту футера */
}

/* Вспомогательный класс для скрытых заголовков (доступность) */
.uv-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Корень футера */
#uv-forum-footer {
  position: relative;
  width: 100%;
  height: var(--uv-footer-height);
  background-color: var(--uv-footer-bg-color);
  /* Фоновая картинка — не влияет на разметку, не вызывает горизонтальный скролл */
  background-image: var(--uv-footer-bg-url);
  background-repeat: no-repeat;
  background-position: center bottom;                 /* прижали к низу футера */
  background-size: var(--uv-footer-bg-width) var(--uv-footer-bg-height);
  display: flex;
  align-items: center;                                /* вертикально по центру */
  justify-content: center;                            /* контент по центру по X */
  box-sizing: border-box;
  padding: 12px 20px;                                 /* внутренние отступы */
  z-index: 10; /* на всякий случай над фоном страницы */
}

/* Внутренняя сетка (две колонки) */
#uv-forum-footer .uv-footer-inner {
  width: 100%;
  max-width: var(--uv-footer-maxw);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  justify-items: start;
  gap: var(--uv-footer-gap);
}

#uv-forum-footer .uv-footer-col {
  font-family: "TildaSans", "Tilda Sans", "TildaSans-Light", Inter, Arial, sans-serif;
  font-weight: var(--uv-footer-font-weight);
  font-size: var(--uv-footer-font-size);
  line-height: var(--uv-footer-line-height);
  color: #fff;
}

#uv-forum-footer .uv-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

#uv-forum-footer .uv-footer-links li {
  margin: 2px 0; /* компактно, чтобы всё уместилось в 115px */
}

#uv-forum-footer a {
  color: #fff !important;
  text-decoration: none;
}

#uv-forum-footer a:hover,
#uv-forum-footer a:focus {
  text-decoration: underline;
  outline: none;
}

/* Адаптация: на узких экранах оставляем две колонки, просто сжимаем зазор и поля */
@media (max-width: 700px) {
  :root {
    --uv-footer-gap: 24px;
  }
  #uv-forum-footer {
    padding: 10px 14px;
  }
}

/* На совсем узких — даём колонкам выравнивание по центру для аккуратности */
@media (max-width: 420px) {
  #uv-forum-footer .uv-footer-inner {
    justify-items: center;
    text-align: center;
  }
}