
.font-display[data-v-71146f56] {
  font-family: 'Playfair Display', serif;
}
.cart-counter-animation[data-v-71146f56] {
  animation: cartBounce-71146f56 0.5s ease-out;
}
@keyframes cartBounce-71146f56 {
0% {
    transform: scale(0.3) rotate(-15deg);
    opacity: 0;
}
50% {
    transform: scale(1.2) rotate(0deg);
}
100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
}


.restaurant-layout[data-v-2366d69e] {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
main[data-v-2366d69e] {
  flex: 1;
}


/* Hide scrollbar for tab navigation */
.scrollbar-hide[data-v-6be9621e] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide[data-v-6be9621e]::-webkit-scrollbar {
  display: none;
}
.category-navbar[data-v-6be9621e] {
  top: 5rem;
}
@media (max-width: 1024px) {
.category-navbar[data-v-6be9621e] {
    top: 4rem;
}
}


/* Hide scrollbar for tab navigation */
.scrollbar-hide[data-v-7c513936] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide[data-v-7c513936]::-webkit-scrollbar {
  display: none;
}

/* Unavailable item shake animation */
.unavailable-item[data-v-7c513936]:hover {
  animation: shake-7c513936 0.5s ease-in-out;
}
@keyframes shake-7c513936 {
0%,
  100% {
    transform: translateX(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-4px);
}
20%,
  40%,
  60%,
  80% {
    transform: translateX(4px);
}
}

/* Smooth scrolling for the page */
html[data-v-7c513936] {
  scroll-behavior: smooth;
}

/* Fancy Add Button Animations */
.add-button[data-v-7c513936] {
  transform-origin: center;
}
.add-button[data-v-7c513936]:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4);
}
.add-button[data-v-7c513936]:active {
  transform: scale(0.95);
}

/* Success Animation when added to cart */
.animate-added-to-cart[data-v-7c513936] {
  animation: addedToCart-7c513936 0.8s ease-out;
  background-color: #16a34a !important; /* Green success color */
}
@keyframes addedToCart-7c513936 {
0% {
    transform: scale(1);
    background-color: #dc2626;
}
25% {
    transform: scale(1.2) rotate(10deg);
    background-color: #16a34a;
}
50% {
    transform: scale(1.15) rotate(-5deg);
    background-color: #16a34a;
}
75% {
    transform: scale(1.1) rotate(2deg);
    background-color: #16a34a;
}
100% {
    transform: scale(1);
    background-color: #16a34a;
}
}

/* Icon transition for success feedback */
.fa-check[data-v-7c513936] {
  animation: checkmark-7c513936 0.3s ease-in-out;
}
@keyframes checkmark-7c513936 {
0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
}
50% {
    transform: scale(1.2) rotate(180deg);
    opacity: 1;
}
100% {
    transform: scale(1) rotate(360deg);
    opacity: 1;
}
}

/* Text truncation classes */
.line-clamp-2[data-v-7c513936] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.line-clamp-3[data-v-7c513936] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Active tab indicator enhancement */
.border-red-500[data-v-7c513936] {
  border-bottom-width: 3px;
}

/* Enhanced hover effects */
.transition-all[data-v-7c513936] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Product card hover effects */
.shadow-lg[data-v-7c513936]:hover {
  transform: translateY(-2px);
}

/* Floating cart button pulse animation */
@keyframes pulse-7c513936 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.05);
}
}
.fixed button[data-v-7c513936] {
  animation: pulse-7c513936 2s infinite;
}
.category-navbar[data-v-7c513936] {
  top: 5rem;
}
@media (max-width: 1024px) {
.category-navbar[data-v-7c513936] {
    top: 4rem;
}
}

