/* ============================================
   FeediX News — Editorial Layout CSS
   Themes: pulse, chronicle, swiss
   Extra styles on top of niche-news.css shared base.
   Covers: article row like/save actions.
   The layout wrappers (.nh-mobile-layout, .nh-desktop-layout, sidebars)
   are already in niche-news.css and remain there.
   ============================================ */

/* -----------------------------------------------
   ARTICLE ROW ACTIONS (like / save buttons)
   Rendered inside .nh-row-body by news-editorial.js
----------------------------------------------- */

.nh-row-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}

.nh-row-actions .card-like-btn,
.nh-row-actions .card-save-btn {
  color: var(--nh-meta);
  min-height: 32px;
  padding: 4px 2px;
}

.nh-row-actions .card-like-btn:hover,
.nh-row-actions .card-save-btn:hover {
  color: var(--nh-accent);
}

.nh-row-actions .card-like-btn.liked {
  color: #ef4444;
}

.nh-row-actions .card-save-btn.saved {
  color: var(--nh-accent);
}

/* Signal theme: green tinted like */
[data-news-theme="signal"] .nh-row-actions .card-like-btn:hover {
  color: var(--nh-accent);
}

/* Chronicle theme: blue tinted like */
[data-news-theme="chronicle"] .nh-row-actions .card-like-btn:hover {
  color: var(--nh-accent);
}

/* RTL: reverse action order */
[dir="rtl"] .nh-row-actions {
  flex-direction: row-reverse;
}