/* public/public.css - Custom styles for the public ordering app */
:root {
    --wine-600: #8b3a3a;
    --wine-100: #f5ede7;
}

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Smooth transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Active states for bottom nav */
.bottom-nav-item.active i,
.bottom-nav-item.active span {
    color: var(--wine-600);
}

/* Category pill active state */
.category-pill.active {
    background-color: var(--wine-600);
    color: var(--wine-100);
    border-color: var(--wine-600);
}

/* Tap effects */
.active\:scale-95:active {
    transform: scale(0.95);
}

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

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