/* forge — footer-stack (партнёры/технологии).
 *
 * Inline-полоса логотипов в одной строке футера. Подключается через
 * /shared/css/footer.css. Цвета — через те же переменные что и
 * toast.css (--ds-*) с fallback'ами, чтобы работало без tokens.css
 * приложения.
 *
 * Темо-зависимые иконки: некоторые SVG монохромные (rust),
 * на тёмной/светлой темах нужен разный файл. Идиома — два класса:
 *   .foot-stack-icon--theme-dark показывается на тёмной теме (default)
 *   .foot-stack-icon--theme-light показывается на светлой (html.light)
 *
 * Структура (минимум):
 *   <span class="foot-stack-item">
 *     <img class="foot-stack-icon" src="…/claude.svg">
 *     <span>Claude</span>
 *   </span>
 *
 * С парой иконок под темы:
 *   <a class="foot-stack-item" href="https://www.rust-lang.org" target="_blank" rel="noopener">
 *     <img class="foot-stack-icon foot-stack-icon--theme-dark"  src="…/rust-white.svg">
 *     <img class="foot-stack-icon foot-stack-icon--theme-light" src="…/rust-black.svg">
 *     <span>Rust</span>
 *   </a>
 */

.foot-stack-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--ds-dim, #888);
  font-weight: 500;
  font-size: 13px;
  transition: color 0.15s ease;
}

a.foot-stack-item:hover {
  color: var(--ds-ink, #222);
}

.foot-stack-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.85;
  transition: opacity 0.15s ease;
}

a.foot-stack-item:hover .foot-stack-icon {
  opacity: 1;
}

/* Темо-зависимые иконки. По умолчанию (тёмная тема) видна --theme-dark.
   На светлой теме (html.light) переключаемся на --theme-light. */
.foot-stack-icon--theme-light { display: none; }
html.light .foot-stack-icon--theme-dark  { display: none; }
html.light .foot-stack-icon--theme-light { display: inline-block; }

/* Разделитель между ячейками футера — тонкая вертикальная риска */
.foot-sep {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: var(--ds-line, #e5e5e5);
  opacity: 0.6;
  margin: 0 4px;
}