/* ============================================================
   components/action-bar.css
   Favorite / Like / Dislike / Report / Review action bar
   ============================================================ */

/* --- 追記: functions.php L1079 fav button --- */
.jc-fav-btn {
        background: transparent; border: 0; border-radius: 0;
        width: auto; height: auto;
        padding: 2px var(--space-1);
        font-size: var(--font-2xl); cursor: pointer;
        color: #d9d3d5; transition: color 0.15s, transform 0.15s;
        text-decoration: none; line-height: 1;
    }
    .jc-fav-btn:hover { color: var(--primary); transform: scale(1.1); background: transparent; }
    .jc-fav-btn.active { color: var(--primary); background: transparent; border: 0; }

/* --- 追記: functions.php L1215 votes (like/dislike) --- */
.jc-votes { display: inline-flex; gap: 8px; margin-top: 12px; }
    .jc-vote-btn {
        display: inline-flex; align-items: center; gap: 6px;
        background: #fff; border: 2px solid #e0e0e0; border-radius: 20px;
        padding: var(--space-1) var(--space-3); font-size: 13px; cursor: pointer;
        transition: color .15s, background .15s, border-color .15s, box-shadow .15s, transform .15s; color: #666;
    }
    .jc-vote-btn:hover:not(:disabled) { border-color: var(--primary); color: var(--primary); }
    .jc-vote-btn.active.jc-vote-like { border-color: #4CAF50; background: #4CAF50; color: #fff; }
    .jc-vote-btn.active.jc-vote-dislike { border-color: #999; background: #999; color: #fff; }
    .jc-vote-btn:disabled { opacity: 0.5; cursor: not-allowed; }
    .jc-vote-icon { font-size: 16px; }
    .jc-vote-count { font-weight: 700; min-width: 20px; text-align: center; }

/* --- 追記: functions.php L1667 unified review action bar --- */
.rv-actbar { display:inline-flex; gap:4px; align-items:center; vertical-align:middle; }
    .rv-action {
      display:inline-flex; align-items:center; gap:4px;
      padding: var(--space-1) var(--space-2); border-radius:999px; background:#fff;
      border:1px solid var(--border); color:#9ca3af; cursor:pointer;
      font-size: var(--font-sm); font-weight:700; transition: color .15s, background .15s, border-color .15s, box-shadow .15s, transform .15s;
    }
    .rv-action:hover:not(:disabled) { border-color:var(--primary); color:var(--primary); }
    .rv-action:disabled { opacity:0.4; cursor:not-allowed; }
    .rv-action.is-active { background:var(--primary-bg); border-color:var(--primary); color:var(--primary); }
    .rv-action--fav.is-active svg { fill:var(--primary); stroke:var(--primary); }
    .rv-action__count { min-width:10px; text-align:center; }