/* ============================================================================
   ФУТЕР сайта (site-footer.php) — тёмный, 5 колонок + нижняя строка.
   Вне Vite, грузится на ВСЕХ страницах (inc/enqueue.php).
   ========================================================================== */
.bike-footer { background: #0C0D10; color: #fff; margin-top: clamp(40px, 5vw, 72px); }
.bike-footer__wrap {
  max-width: 1680px; margin-inline: auto;
  padding: clamp(40px, 4vw, 64px) clamp(16px, 3vw, 48px) clamp(20px, 2vw, 28px);
}
.bike-footer__top {
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr; gap: clamp(24px, 3vw, 48px);
  padding-bottom: clamp(28px, 3vw, 44px);
}

/* бренд */
.bike-footer__logo { display: inline-block; font-family: 'Onest', sans-serif; font-weight: 800; font-style: italic; font-size: 26px; letter-spacing: .02em; color: #fff; text-decoration: none; line-height: 1; }
.bike-footer__logo span { color: #E22A1C; }
.bike-footer__logo img { height: 34px; width: auto; display: block; }
.bike-footer__tagline { margin: 18px 0 22px; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.55); max-width: 34ch; }
.bike-footer__socials { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; }
.bike-footer__social { width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; background: rgba(255,255,255,.07); color: rgba(255,255,255,.8); transition: background .15s ease, color .15s ease; }
.bike-footer__social:hover { background: #E22A1C; color: #fff; }
.bike-footer__social svg { width: 20px; height: 20px; }

/* колонки ссылок */
.bike-footer__h { font-family: 'Onest', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .08em; color: #fff; margin: 0 0 18px; position: relative; padding-bottom: 12px; }
.bike-footer__h::after { content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: #E22A1C; border-radius: 2px; }
.bike-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bike-footer__col a { color: rgba(255,255,255,.6); text-decoration: none; font-size: 14px; transition: color .15s ease; }
.bike-footer__col a:hover { color: #fff; }

/* контакты */
.bike-footer__contacts ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bike-footer__contacts li { display: flex; align-items: flex-start; gap: 10px; color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.5; }
.bike-footer__contacts svg { width: 18px; height: 18px; color: #E22A1C; flex: none; margin-top: 2px; }
.bike-footer__contacts a { color: rgba(255,255,255,.6); text-decoration: none; }
.bike-footer__contacts a:hover { color: #fff; }

/* нижняя строка */
.bike-footer__bottom { border-top: 1px solid rgba(255,255,255,.08); padding-top: clamp(18px, 2vw, 24px); display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,.45); }
.bike-footer__legal { display: flex; gap: clamp(20px, 3vw, 48px); flex: 1; justify-content: center; }
.bike-footer__legal a { color: rgba(255,255,255,.45); text-decoration: none; transition: color .15s ease; }
.bike-footer__legal a:hover { color: #fff; }
.bike-footer__top-btn { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #fff; cursor: pointer; transition: background .15s ease, border-color .15s ease; flex: none; margin-left: auto; }
.bike-footer__top-btn:hover { background: #E22A1C; border-color: transparent; }
.bike-footer__top-btn svg { width: 20px; height: 20px; }

/* адаптив */
@media (max-width: 1023px) {
  .bike-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .bike-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .bike-footer__top { grid-template-columns: 1fr; }
  .bike-footer__bottom { flex-direction: column; align-items: flex-start; }
  .bike-footer__legal { justify-content: flex-start; flex-wrap: wrap; }
}

/* T20 (2026-06-23): правовые ссылки в нижней строке.
   2026-07-27: почта из-под логотипа убрана (разметка), осталась в колонке «Контакты». */
.bike-footer__bottom { display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap; }
.bike-footer__legal { display: flex; gap: 10px 18px; flex-wrap: wrap; }
.bike-footer__legal a { color: #9a9aa2; text-decoration: none; font-size: 13px; }
.bike-footer__legal a:hover { color: #fff; }
.bike-footer__top-btn { margin-left: auto; }

/* ============================================================================
   2026-07-14: футер на мобиле+планшете (≤1023). Порядок: логотип → описание →
   колонки ссылок → контакты (+почта) → разделитель → политика → копирайт.
   Интервал между ссылками в 2 раза плотнее. Десктоп (≥1024) без изменений.
   ========================================================================== */
@media (max-width: 1023px) {
  /* интервал между ссылками (колонки и политика) — в 2 раза плотнее */
  .bike-footer__col ul { gap: 6px; }
  .bike-footer__legal { gap: 5px 9px; }

  /* нижняя строка столбцом: разделитель (border-top) → политика → копирайт */
  .bike-footer__bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
  .bike-footer__legal { order: 1; flex: none; justify-content: flex-start; }
  .bike-footer__copy { order: 2; }
  .bike-footer__top-btn { order: 3; margin-left: 0; }
}