/* Favorite Post Widget Styles */
.wpf-favorite-link {
    display: inline-block;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    text-decoration: none;
    color: #495057;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.wpf-favorite-link:hover {
    background-color: #e9ecef;
    text-decoration: none;
    color: #495057;
}

.wpf-favorite-link .wpf-favorite {
    color: #dc3545;
    font-weight: bold;
}

.wpf-favorite-link .wpf-not-favorite {
    color: #6c757d;
}

.wpf-favorite-link .wpf-favorite:before {
    content: "♥";
    margin-right: 5px;
}

.wpf-favorite-link .wpf-not-favorite:before {
    content: "♡";
    margin-right: 5px;
}

/* Widget styles */
.widget .wpf-favorite-link {
    margin-bottom: 10px;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget ul li a {
    color: #007cba;
    text-decoration: none;
}

.widget ul li a:hover {
    text-decoration: underline;
}

.wpf-remove-favorite {
    color: #dc3545;
    text-decoration: none;
    background-color: #ae1616dd;
    border: 1px solid #f5c6cb;
}

.wpf-remove-favorite:hover {
    background-color: #ae1616;
    color: #721c24;
    text-decoration: none;
}

/* Loading state */
.wpf-favorite-link.loading {
    opacity: 0.6;
    pointer-events: none;
}

.wpf-favorite-link.loading:after {
    content: "...";
    animation: dots 1.5s infinite;
}

@keyframes dots {
    0%, 20% { content: "."; }
    40% { content: ".."; }
    60%, 100% { content: "..."; }
}