/* Perfect Comment Votes */

/* ── Arrows style ── */
.pfcmtvs-vote-wrap.pfcmtvs-style-arrows {
    display: inline-flex; flex-direction: column; align-items: center;
    margin-right: 12px; float: left; font-size: 13px; user-select: none; line-height: normal; width: 28px; gap: 6px;
}
.pfcmtvs-style-arrows .pfcmtvs-btn {
    background: none; border: none; cursor: pointer; padding: 2px 4px;
    font-size: 14px; color: #9a9a9a; line-height: 1; transition: color 0.15s ease;
}
.pfcmtvs-style-arrows .pfcmtvs-btn:not(.pfcmtvs-disabled):not(.pfcmtvs-voted):hover { color: #ffffff; }
.pfcmtvs-style-arrows .pfcmtvs-up.pfcmtvs-voted   { color: #3a9e5f; }
.pfcmtvs-style-arrows .pfcmtvs-down.pfcmtvs-voted { color: #d94f4f; }
.pfcmtvs-style-arrows .pfcmtvs-btn.pfcmtvs-disabled { cursor: default; opacity: 0.5; }
.pfcmtvs-style-arrows .pfcmtvs-score { font-weight: 600; font-size: 12px; min-width: 20px; text-align: center; color: #9a9a9a; }
.pfcmtvs-style-arrows .pfcmtvs-msg  { font-size: 10px; color: #aaa; text-align: center; }

/* ── Thumbs style ── */
.pfcmtvs-vote-wrap.pfcmtvs-style-thumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.pfcmtvs-style-thumbs .pfcmtvs-btn {
    display: flex; align-items: center; justify-content: center;
    background: none; border: none; cursor: pointer; padding: 4px 5px;
    border-radius: 4px; color: #9a9a9a; transition: color 0.15s ease, background 0.15s ease; line-height: 1;
}
.pfcmtvs-style-thumbs .pfcmtvs-btn:not(.pfcmtvs-disabled):hover { background: none; }
.pfcmtvs-style-thumbs .pfcmtvs-up:not(.pfcmtvs-disabled):hover,
.pfcmtvs-style-thumbs .pfcmtvs-up.pfcmtvs-voted        { color: #3a9e5f; }
.pfcmtvs-style-thumbs .pfcmtvs-down:not(.pfcmtvs-disabled):hover,
.pfcmtvs-style-thumbs .pfcmtvs-down.pfcmtvs-voted      { color: #d94f4f; }
.pfcmtvs-style-thumbs .pfcmtvs-btn.pfcmtvs-disabled    { cursor: default; opacity: 0.5; }
.pfcmtvs-style-thumbs .pfcmtvs-btn svg                 { width: 15px; height: 15px; fill: currentColor; display: block; }
.pfcmtvs-style-thumbs .pfcmtvs-score {
    font-size: 12px; font-weight: 600; color: #6b6b6b; line-height: 1;
    min-width: 22px; text-align: center; transition: color 0.2s ease;
}

/* ── Score colours — override via CSS variables on .pfcmtvs-vote-wrap ── */
.pfcmtvs-vote-wrap {
    --pfcmtvs-score-pos: #3a9e5f;
    --pfcmtvs-score-neg: #d94f4f;
}
.pfcmtvs-score.pfcmtvs-score-pos { color: var(--pfcmtvs-score-pos); }
.pfcmtvs-score.pfcmtvs-score-neg { color: var(--pfcmtvs-score-neg); }

.pfcmtvs-style-thumbs .pfcmtvs-msg { font-size: 11px; color: #aaa; line-height: 1; white-space: nowrap; margin-left: 4px; }