/* /public/styles/actions/likes.css */

.lk-btn{
  appearance:none;
  border:1px solid var(--border);
  background: var(--surface-elev);
  color: var(--text);              /* ✅ цвет иконки берём из темы */
  border-radius: 999px;
  padding: 8px 10px;
  cursor:pointer;
  display:inline-flex;
  gap:8px;
  align-items:center;
  font-weight:800;
  font-size: 13px;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}

.lk-btn:active{
  transform: translateY(1px);
}

.lk-btn.is-on{
  border-color: color-mix(in oklab, #ff0000, var(--border) 60%);
}

.lk-ico{
  width:18px;
  height:18px;
  display:block;
  flex: 0 0 auto;
}

/* ✅ контур — цвет через currentColor (тема сама решит белый/чёрный) */
.lk-ico path{
  fill: currentColor !important;
}

/* ✅ “лайкнутый” — заливка красная */
.lk-ico-on path{
  fill: #ff0000 !important;
}

.lk-ico-on{ display:none; }
.lk-btn.is-on .lk-ico-off{ display:none; }
.lk-btn.is-on .lk-ico-on{ display:block; }

.lk-count{
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
}