/**
 * SVG Icons Styles
 * Стили для использования SVG иконок из спрайта
 */

/* Базовые стили для SVG иконок */
.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    stroke: currentColor;
}

/* Размеры иконок */
.svg-icon-sm {
    width: 16px;
    height: 16px;
}

.svg-icon-md {
    width: 24px;
    height: 24px;
}

.svg-icon-lg {
    width: 32px;
    height: 32px;
}

.svg-icon-xl {
    width: 48px;
    height: 48px;
}

/* Цвета иконок */
.svg-icon-primary {
    color: #2c5f2d;
}

.svg-icon-accent {
    color: #90C140;
}

.svg-icon-white {
    color: #ffffff;
}

.svg-icon-gray {
    color: #666666;
}

/* Использование в списках */
.feature-icon svg,
.list-icon svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}

/* Иконки в карточках */
.feature-icon {
    text-align: center;
    margin-bottom: 20px;
}

.feature-icon svg {
    width: 48px;
    height: 48px;
    color: #90C140;
}

/* Галочки в списках */
ul li svg.icon-checkmark {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: #90C140;
    vertical-align: middle;
}

/* Предупреждения */
.warning-icon svg {
    width: 24px;
    height: 24px;
    color: #dc2626;
    vertical-align: middle;
    margin-right: 8px;
}