/* animations.css - Animation keyframes and transition effects */

/* Highlight Animation */
@keyframes highlight {
    0% { background-color: rgba(41, 82, 55, 0.2); }
    100% { background-color: transparent; }
}

.product-name-container strong {
    animation: highlight 1s ease-out;
}

/* Pulse Animation for Loading/Saving */
@keyframes pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

.saving-indicator {
    animation: pulse 1.5s infinite;
}

/* Common transitions */
.btn, .card, .waste-item, .modal, .product-name-input, nav ul li a {
    transition-property: transform, background-color, color, border-color, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

/* Specific transition overrides can be added here if needed */