/**
 * Lucide Icons — базовые стили (SVG, не icon-font)
 */
[data-lucide],
svg.lucide {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

[data-lucide]:not(svg):empty {
    width: var(--icon-size, 1.25em);
    height: var(--icon-size, 1.25em);
}

[data-lucide] svg,
svg.lucide {
    width: var(--icon-size, 1.25em);
    height: var(--icon-size, 1.25em);
    stroke-width: 2;
    flex-shrink: 0;
}

/* Наследование цвета */
[data-lucide] svg,
svg.lucide {
    stroke: currentColor;
}

/* Loader (замена fa-spin) */
[data-lucide="loader"] {
    animation: lucide-spin 1s linear infinite;
}

@keyframes lucide-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Лайкнутое состояние для heart */
.comment-like-btn.active [data-lucide] svg,
.comment-like-btn.active svg.lucide {
    fill: currentColor;
}