/* links_icons.css — значки личных ресурсов (PAGE-LINKS-3, 24.09.2026).

   Задача Владислава: «Значки все надо новые сделать». До этого значки были
   только у ВКонтакте и Инстаграма — их брали из старого спрайта
   (assets/templates/clubber/i/s.png), остальные 14 ресурсов выводились просто
   подписью.

   Здесь ОДИН набор значков на весь сайт: страница персоны, страница коллектива
   и оба редактора (персона и коллектив) используют одни и те же классы
   .cb-ni .cb-ni-<код>. Значит значки не разъедутся между персоной и
   коллективом, и красить/масштабировать их можно в одном месте: цвет плитки и
   форма знака зашиты в SVG, а размер и кант — здесь.

   Сама графика: 16 своих файлов /assets/images/links/<код>.svg, 24×24,
   рисованные фигуры (rect/circle/path), фирменные цвета. Ни шрифтов, ни
   внешних загрузок: страницы в интернет за значками не ходят.

   Читаемость на двух фонах. Кнопка-ссылка (.cb-collective-link) — белая
   «таблетка», но блок ссылок может оказаться и на тёмной плашке (тёмная тема,
   тёмная подложка обложки). Поэтому у каждой плитки внутри SVG светлая
   обводка (1.4 при viewBox 24), а здесь — тонкий тёмный кант: на белом виден
   аккуратный контур, на тёмном — светлая кромка плитки. */

.cb-ni {
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  vertical-align: middle;
  box-shadow: 0 0 0 1px rgba(20, 32, 40, .10);
}

/* --- 16 ресурсов из lib/collectivelib.php cb_page_link_networks() --------- */

.cb-ni-vk          { background-image: url(/assets/images/links/vk.svg); }
.cb-ni-max         { background-image: url(/assets/images/links/max.svg); }
.cb-ni-max_channel { background-image: url(/assets/images/links/max_channel.svg); }
.cb-ni-telegram          { background-image: url(/assets/images/links/telegram.svg); }
.cb-ni-telegram_channel  { background-image: url(/assets/images/links/telegram_channel.svg); }
.cb-ni-instagram   { background-image: url(/assets/images/links/instagram.svg); }
.cb-ni-youtube     { background-image: url(/assets/images/links/youtube.svg); }
.cb-ni-rutube      { background-image: url(/assets/images/links/rutube.svg); }
.cb-ni-whatsapp    { background-image: url(/assets/images/links/whatsapp.svg); }
.cb-ni-viber       { background-image: url(/assets/images/links/viber.svg); }
.cb-ni-yandex_music { background-image: url(/assets/images/links/yandex_music.svg); }
.cb-ni-tiktok      { background-image: url(/assets/images/links/tiktok.svg); }
.cb-ni-soundcloud  { background-image: url(/assets/images/links/soundcloud.svg); }
.cb-ni-apple_music { background-image: url(/assets/images/links/apple_music.svg); }
.cb-ni-spotify     { background-image: url(/assets/images/links/spotify.svg); }
.cb-ni-site        { background-image: url(/assets/images/links/site.svg); }

/* --- MESTA-13 (24.09.2026): карточки заведений на картах и в афише ---------
   Владислав: «Надо добавить как ресурсы… Яндекс.Карты/2ГИС-карточка, афиша».
   Это те же плитки 24×24, что и у остальных ресурсов; коды добавлены в
   cb_page_link_networks() (lib/collectivelib.php). */

.cb-ni-2gis        { background-image: url(/assets/images/links/2gis.svg); }
.cb-ni-yandex_maps { background-image: url(/assets/images/links/yandex_maps.svg); }
.cb-ni-afisha      { background-image: url(/assets/images/links/afisha.svg); }

/* --- ИСТОЧНИКИ-2 (25.09.2026): нейтральный значок вида «Другое» -------------
   Владислав: «Для вида „Другое“ — нейтральный значок (глобус), отдельный
   фирменный значок не нужен». Это ОТДЕЛЬНАЯ плитка, в общий справочник
   cb_page_link_networks() она не добавлена: иначе «Глобус» появился бы
   в списке ресурсов персон и коллективов — там он не нужен. Нейтральный
   серый цвет, чтобы «Другое» не путалось с фирменными значками; рисуется
   той же сеткой «меридианы + параллель», что и остальные плитки 24×24. */

.cb-ni-globe       { background-image: url(/assets/images/links/globe.svg); }

/* --- места, где значок стоит рядом с текстом ------------------------------ */

/* ссылка на странице персоны и коллектива: значок + подпись, по центру строки */
.cb-collective-link .cb-ni { margin-top: -1px; }

/* список уже добавленных ссылок в редакторах */
.cb-edit-link-name .cb-ni,
.cb-persona-list-item .cb-ni { margin-right: 6px; }

/* выпадающий список «ресурс + ссылка»: значок показывает выбранный ресурс
   (у нативного <select> своих картинок нет, поэтому значок стоит рядом и
   меняется скриптом вместе с выбором) */
.cb-edit-link-input .cb-ni,
.cb-persona-link-row .cb-ni { margin-right: 2px; }