/**
 * css/icon-cat.css — иконки категорий в меню каталога (шрифт
 * fonts/icons.woff2).
 *
 * ЗАЧЕМ ОТДЕЛЬНЫЙ ФАЙЛ, ДА ЕЩЁ И НА КАЖДОЙ СТРАНИЦЕ.
 *
 * Меню каталога живёт в шапке, то есть на всех страницах сразу. У каждой
 * подкатегории в нём теперь своя иконка (subcategories.icon_glyph, миграция
 *
 * 046) - до этого у всех двадцати категорий раздела рисовался один и тот же
 *
 * глиф самого раздела, и выбирать взглядом было не за что.
 *
 * Шрифт icons - самый тяжёлый на сайте (138 КБ), и его сознательно убрали из
 * main.css: шрифт не должен грузиться везде. Это решение здесь НЕ отменяется, и вот почему объявление всё
 * же может стоять на каждой странице:
 *
 * @font-face сам по себе НИЧЕГО НЕ КАЧАЕТ. Браузер идёт за файлом только
 * когда на экране появляется элемент, которому этот шрифт нужен. Разметка
 * меню лежит внутри .catalog-overlay с display:none - за скрытое поддерево
 * шрифты не загружаются. Значит 138 КБ уходят по сети в момент, когда
 * покупатель ОТКРЫЛ каталог, а не при заходе на страницу.
 *
 * Проверено замером: на главной запроса icons.woff2 нет, после клика по
 * кнопке «Каталог» - появляется.
 *
 * ЗДЕСЬ ЖЕ ЕДИНСТВЕННЫЙ @font-face СЕМЕЙСТВА icons. Раньше он жил в
 * icon-fa.css, который подключён лишь на пяти страницах; после переноса тот
 * файл держит только свой класс .icon-fa. Два объявления одного семейства в
 * разных файлах разъезжаются молча - при смене формата или пути правку
 * делают в одном месте, а второе продолжает жить со старым.
 */

@font-face {
    font-family: 'icons';
    src: url('../fonts/icons.woff2?v=1789310393') format('woff2');
    font-weight: normal;
    font-style: normal;
    /* block: на медленной сети swap рисовал на месте картинок пустые квадраты, это хуже пустого места. Текст категорий виден сразу - это обычный шрифт. */
    font-display: block;
}

/* Иконка подкатегории в меню каталога. Отдельный класс, а не .icon: тот
   намертво прибит к шрифту zeldomkz (!important), в котором этих глифов нет. */
.icon-cat {
    font-family: 'icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Переливание на месте картинки раздела, пока шрифт не пришёл (класс ставит lib/view/_head.php). */
html.zd-cat-wait .icon-cat {
  color: transparent !important;
  border-radius: 12px;
  background-image: var(--zd-skel, linear-gradient(90deg, #ECEEF0 25%, #F6F7F8 50%, #ECEEF0 75%));
  background-size: 250% 100%;
  animation: skelShimmer 1.8s linear infinite;
}
/* Закрытое меню каталога есть в разметке каждой страницы: пока оно скрыто, его значки без нашего шрифта - иначе браузер качал 153 КБ на каждой странице. Шрифт грузится при открытии меню. */
.catalog-overlay:not(.active) .icon-cat { font-family: inherit !important; }