/* ============================================================================
   DECK LIKES
============================================================================ */


/* ── Like Button (interactive toggle on single deck) ── */

.deck-like-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.like-toggle {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: #888;
    transition: color 0.15s, transform 0.15s;
}

.like-toggle:hover {
    transform: scale(1.15);
}

.deck-like-button:not(.is-liked):not(.is-own-deck) .like-toggle:hover {
    color: #e05555;
}

.deck-like-button.is-liked .like-toggle {
    color: #e05555;
}

.deck-like-button.is-own-deck .like-toggle {
    opacity: 0.3;
    cursor: not-allowed;
}

.deck-like-button.is-own-deck .like-toggle:hover {
    transform: none;
}

.like-count {
    font-size: 13px;
    font-weight: 600;
    color: #999;
}

.deck-like-button.is-liked .like-count {
    color: #e05555;
}


/* ── Passive Like Count (deck card footers on browse pages) ── */

.deck-likes {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #999;
}

.deck-likes i {
    color: #e05555;
    font-size: 0.9em;
}


/* ── Responsive ── */

@media (max-width: 768px) {
    .like-toggle {
        font-size: 15px;
    }
}