/* Basic, RTL-friendly comment enhancements */
:root { --cpro-accent:#0b1b28; --cpro-muted:#6b7280; }

.single-comments .c-wrap{ position:relative }

/* Reactions row */
.cpro-reactions{ display:flex; gap:8px; margin:10px 0 6px; align-items:center; }
.cpro-reactions .btn{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:20px; background:#f1f5f9;
  border:1px solid #e5e7eb; cursor:pointer; font-size:13px;
}
.cpro-reactions .btn.active{ background:var(--cpro-accent); color:#fff; border-color:var(--cpro-accent); }
.cpro-reactions .count{ font-weight:700 }

/* Mini profile balloon */
.cpro-profile{
  position:absolute; inset-inline-end:0; top:0; transform:translateY(-105%);
  background:#fff; border:1px solid #e5e7eb; box-shadow:0 10px 30px rgba(0,0,0,.08);
  border-radius:12px; padding:12px; min-width:240px; z-index:50; display:none;
}
.cpro-profile.show{ display:block; }
.cpro-profile .row{ display:flex; gap:10px; align-items:center; }
.cpro-profile img{ width:44px; height:44px; border-radius:50%; object-fit:cover }

/* Live badge */
.cpro-live-dot{
  width:8px; height:8px; border-radius:50%; background:#22c55e; display:inline-block; margin-inline-start:6px;
  box-shadow:0 0 0 0 rgba(34,197,94,.6); animation:pulse 1.5s infinite;
}
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)} 70%{box-shadow:0 0 0 10px rgba(34,197,94,0)} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0)} }

/* Make default WP comment list a bit tighter */
.comment-list .comment{ margin:12px 0; }
.comment-meta{ color:var(--cpro-muted); font-size:12px; }