/* Dapoer Ma'e Custom Styles */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-in {
    animation: slideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    background: #FDFBF7;
}

::-webkit-scrollbar-thumb {
    background: #D97706;
    border-radius: 9999px;
    border: 2px solid #FDFBF7;
}

::-webkit-scrollbar-thumb:hover {
    background: #EA580C;
}

/* Menu Filter Buttons active status */
.menu-filter-btn.active {
    background: linear-gradient(135deg, #EA580C 0%, #D97706 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.28);
    border-color: transparent !important;
}

/* Menu Card hover lift */
.menu-card {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.menu-card:hover {
    transform: translateY(-5px);
}

/* Image zoom container */
.overflow-hidden img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* FAQ transitions */
.faq-content {
    transition: all 0.3s ease-in-out;
}