/* ============================================================================
   review-translate.css  —  AI translate button on review cards (listing.ejs)
   ============================================================================ */

.rv-translate-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.75rem;
    border-radius: 50px;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: 1px solid var(--glass-border, rgba(255,255,255,0.12));
    background: transparent;
    color: var(--text-muted, #9ca3af);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    margin-top: 0.6rem;
}

.rv-translate-btn:hover:not(:disabled) {
    border-color: var(--accent-primary, #df691a);
    color: var(--accent-primary, #df691a);
    background: rgba(223, 105, 26, 0.08);
}

.rv-translate-btn--active {
    border-color: var(--accent-primary, #df691a);
    color: var(--accent-primary, #df691a);
    background: rgba(223, 105, 26, 0.08);
}

.rv-translate-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}