/* Additional CSS for saved button states */

/* Saved button styling */
.btn.saved {
    background-color: #28a745 !important;
    color: white !important;
    border-color: #28a745 !important;
}

.btn.saved:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.btn.saved i {
    color: #ffc107 !important; /* Golden bookmark color */
}

/* Loading state for buttons */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn .fa-spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}