/* === Performance Optimized Animations === */

/* The Chef's Pulse Animation */
@keyframes icons-pulse {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.8); opacity: 0; }
}

/* Fade In Transitions */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Navbar/Buttons Glow */
@keyframes border-glow {
    0% { border-color: rgba(46, 204, 113, 0.4); }
    50% { border-color: rgba(46, 204, 113, 1); }
    100% { border-color: rgba(46, 204, 113, 0.4); }
}

/* Common Animation Classes */
.animate-pulse-once {
    animation: fadeIn 0.5s ease-out forwards;
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

.glow-animation {
    animation: border-glow 2s infinite;
}

.icons-pulse {
    animation: icons-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Modal/Overlays fadeIn */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}