/**
 * Icon system — inline SVG sprite для замены FontAwesome.
 *
 * Использование:
 *   <svg class="ico" width="1em" height="1em" viewBox="0 0 24 24"><use href="#i-check"></use></svg>
 *
 * Sprite инжектируется в #svg-icons-sprite в header.php.
 * CSS-классы .ico-12/16/20/24 дают фиксированный размер в px.
 * Цвет наследуется через currentColor.
 */

.ico {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    /* iOS Safari safety net: prevent 0x0 rendering when <use> fails to
       inherit viewBox from <symbol>. min-* guarantees a drawable box
       even if a parent CSS rule nuked the dimensions. */
    min-width: 1em;
    min-height: 1em;
}

.ico-12 { width: 12px; height: 12px; }
.ico-16 { width: 16px; height: 16px; }
.ico-20 { width: 20px; height: 20px; }
.ico-24 { width: 24px; height: 24px; }