/* ==========================================================================
   Подвал — «Стеклянная панель» (выбор владельца 2026-09-26, вариант 2 из footer-lab).
   Подвал больше не сливается с фоном: это стеклянная карточка над сценой
   «Реки», с полями по краям экрана — сцена видна вокруг неё. Использует
   токены --glass-fill/--glass-edge/--glass-blur из depth.css, как и весь
   остальной сайт (карточки телефона, чипы и т.д.), новой палитры нет.
   ========================================================================== */

.foot.f2 {
  background: transparent;
  border-top: 0;
  padding: var(--s-7) var(--gutter-wide) var(--s-6);
}

.foot.f2 .f2-card {
  max-width: 1280px;
  margin-inline: auto;
  border-radius: var(--r-lg);
  padding: clamp(1.75rem, 1.2rem + 2.4vw, 3rem);
  background:
    radial-gradient(480px circle at 18% -10%, var(--glass-spot), transparent 62%),
    var(--glass-glow), var(--glass-fill);
  box-shadow: var(--glass-edge), var(--glass-drop);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
}

@media (prefers-reduced-transparency: reduce) {
  .foot.f2 .f2-card {
    background: var(--bg-soft);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

.foot.f2 .foot-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  column-gap: clamp(2.5rem, 1rem + 5vw, 6rem);
  row-gap: var(--s-6);
  align-items: start;
}

.foot.f2 .foot-brand { display: grid; gap: var(--s-3); justify-items: start; }
.foot.f2 .foot-brand-row { display: inline-flex; align-items: center; gap: 0.55rem; }

.foot.f2 .foot-col { display: grid; gap: var(--s-2); }
.foot.f2 .foot-col h2 {
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--s-1);
}
.foot.f2 .foot-col a { color: var(--ink-2); font-size: var(--t-sm); }
.foot.f2 .foot-col a:hover { color: var(--ink); }
.foot.f2 .foot-col a:focus-visible,
.foot.f2 .foot-brand a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: var(--r-sm); }

.foot.f2 .foot-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-4);
  align-items: center;
  margin-top: var(--s-6);
  padding-top: var(--s-4);
  border-top: 1px solid var(--glass-rule);
  color: var(--ink-3);
  font-size: var(--t-xs);
}

.foot.f2 .foot-made { font-style: italic; }

@media (max-width: 760px) {
  .foot.f2 .foot-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-6) var(--s-5); }
  .foot.f2 .foot-brand { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .foot.f2 { padding-inline: var(--gutter); }
}

/* --- Компактный подвал (владелец 2026-09-26) -------------------------------
   Ниже и плотнее; под логотипом — «реки твоей свободы» вместо описания;
   логотип — металлический Tegridy Club + металлическая надпись TEGRIDY
   (те же файлы, что в мини-аппе). */
.foot.f2 { padding-block: var(--s-5) var(--s-5); }
.foot.f2 .f2-card { padding: clamp(1.25rem, 0.9rem + 1.4vw, 2rem) clamp(1.25rem, 0.8rem + 2vw, 2.5rem); }
.foot.f2 .foot-inner { row-gap: var(--s-4); align-items: center; }
.foot.f2 .foot-brand { gap: var(--s-1); }
.foot.f2 .foot-club { display: inline-flex; align-items: center; gap: 0.75rem; border-radius: var(--r-sm); }
.foot.f2 .foot-club-logo {
  width: 52px; height: 52px; border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(200, 190, 255, 0.18), 0 6px 18px -6px rgba(109, 61, 255, 0.55);
}
.foot.f2 .foot-club:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.foot.f2 .foot-made { margin: 0; padding-left: calc(52px + 0.75rem); color: var(--ink-3); font-size: var(--t-sm); font-style: italic; }
.foot.f2 .foot-col { gap: 0.35rem; }
.foot.f2 .foot-col h2 { margin-bottom: 0; }
.foot.f2 .foot-bottom { margin-top: var(--s-4); padding-top: var(--s-3); }
@media (max-width: 760px) {
  .foot.f2 .foot-brand { justify-items: start; }
}
/* Крупнее логотипы, колонки — от верха */
.foot.f2 .foot-inner { align-items: start; }
.foot.f2 .foot-club-logo { width: 64px; height: 64px; }
.foot.f2 .foot-word { width: 216px; }
/* Узкий телефон: логотип клуба и надпись помещаются в карточку (на 320 px вылезали на 12 px) */
@media (max-width: 420px) { .foot.f2 .foot-club-logo { width: 52px; height: 52px; } .foot.f2 .foot-word { width: 156px; } }
.foot.f2 .foot-made { padding-left: calc(64px + 0.75rem); }

/* --- Слоган и копирайт (владелец 2026-10-01; третий вариант 2026-10-09) -----------
   «Реки твоей свободы» стоит под логотипом и названием. Сплошной цвет текста: градиентная заливка и
   цветное свечение вне сцены запрещены (DESIGN.md, правило «цветных надписей нет» от 2026-10-03).
   Гарнитура — основная: Unbounded только у заголовков разделов и секций. Копирайт — слева, на одной вертикали с брендом. */
.foot.f2 .foot-brand { gap: var(--s-3); }
.foot.f2 .foot-made {
  margin: 0; padding-left: 0;
  font-family: var(--font);
  font-style: normal; font-weight: 600;
  font-size: var(--t-base);
  line-height: 1.3; letter-spacing: 0;
  text-wrap: balance;
  color: var(--ink-2);
}
.foot.f2 .foot-bottom { justify-content: flex-start; text-align: left; }