/**
 * Styles für die Profile-Like Funktionalität
 * Im gleichen Stil wie die Profilansichten
 */

.peteitcms-profile-like-container {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: white;
}

.peteitcms-profile-like {
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    font-size: 0.9rem;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.peteitcms-profile-like:hover {
    opacity: 0.8;
}

.peteitcms-profile-like i {
    color: white;
}

.peteitcms-like-button i.fa-heart-o {
    color: white;
}

.peteitcms-unlike-button i.fa-heart {
    color: #ff6b6b;
}

.peteitcms-profile-like-count {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    color: white;
}
.peteitcms-profile-like .peteitcms-unlike-button {
 background: transparent !important;
}

/* Animation für den Like-Button */
@keyframes heart-beat {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.peteitcms-profile-like.liked-animation i {
    animation: heart-beat 0.4s ease;
}