/* =====================================================================
   ico.css — свои SVG-иконки вместо Font Awesome.
   Спрайт: templates/layout/icons.tpl (symbol id="i-*", подключён в layout).
   Использование:
     <svg class="ico" aria-hidden="true" focusable="false"><use href="#i-check" xlink:href="#i-check"></use></svg>
   Иконка размером 1em наследует цвет текста (currentColor) — размер и
   цвет задаются обычным font-size/color у родителя, как раньше у .fa.
   ===================================================================== */

/* Контейнер спрайта — не display:none (иначе <use> не сработает в старых браузерах) */
.ico-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* Базовая иконка; stroke-настройки — страховка для штриховых символов,
   у заливочных (i-star, i-vk, i-caret-down…) fill задан в path и побеждает */
.ico {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* Иконка одна в фикс. контейнере (центрируется флексом) — отступ справа
   сдвинул бы её от центра */
.srv-edit__check-box .ico,
.pp-card__icon .ico {
    margin-inline-end: 0;
}

/* Вращение (обновление данных, ожидание) — по аналогии с бывшим .fa-spin */
.ico-spin {
    animation: ico-spin 1.2s linear infinite;
}
@keyframes ico-spin {
    to { transform: rotate(360deg); }
}

/* Точки «загрузка данных» (i-loading): широкая 4:1, пульсирует сама (SMIL),
   цвет наследует текст (currentColor) — белые точки на тёмном: color:#fff
   у контейнера. Базовый .ico растянул бы её в квадрат — переопределяем размер */
.ico-loading {
    width: 4em;
    height: 1em;
}