@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap');

body {
    font-family: 'Inter', sans-serif;
}
.title-font {
    font-family: 'Playfair Display', serif;
}
/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 6px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #a1a1a1; }

.modal-enter { animation: fadeIn 0.2s ease-out; }
.modal-leave { animation: fadeOut 0.2s ease-in forwards; }
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}
@keyframes fadeOut {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(0.95); }
}
.price-btn.selected {
    background-color: #77133F;
    color: white;
    border-color: #77133F;
}
/* Tab styles */
.tab-btn.active {
    border-color: #77133F;
    color: #77133F;
    font-weight: 600;
}
/* Checkbox styles for order tracking */
.order-checkbox:checked + label {
    text-decoration: line-through;
    color: #9CA3AF;
}
#connection-status {
    transition: opacity 0.5s ease-in-out;
}
.modal {
    transition: opacity 0.2s ease-in-out;
}