/* menu.css */

/* keep your existing no-scrollbar helper */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* keep your clamp helper */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* keep your active pill state exactly */
.cat-pill.is-active{
  background:#3e2723 !important;
  color:#fff !important;
  border-color:#3e2723 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

/* ===== Go To Top Floating Animation ===== */
#goToTopBtn {
  animation: floatBtn 3s ease-in-out infinite;
}

@keyframes floatBtn {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}

/* Glow effect */
#goToTopBtn:hover {
  box-shadow: 0 18px 40px rgba(191, 167, 111, 0.45);
}

/* ===== Menu Search Suggestions ===== */
#menuSearchSuggestions {
  backdrop-filter: blur(10px);
}

.menu-search-suggestion {
  display: block;
}

.menu-search-suggestion:hover .text-sm.font-semibold {
  color: #2a1a14;
}

/* ===== Menu Search Suggestions ===== */
#menuSearchSuggestions {
  backdrop-filter: blur(10px);
}

.menu-search-suggestion {
  display: block;
}

.menu-search-suggestion:hover .text-sm.font-semibold {
  color: #2a1a14;
}

.menu-search-highlight {
  background: linear-gradient(180deg, rgba(191, 167, 111, 0.15) 0%, rgba(191, 167, 111, 0.45) 100%);
  color: #2a1a14;
  padding: 0 4px;
  border-radius: 6px;
  font-weight: 700;
}
#clearSearchBtn {
  backdrop-filter: blur(6px);
}
html, body {
  overflow-x: hidden;
}

#top,
#menuSearchWrap,
.menu-search-item {
  min-width: 0;
  max-width: 100%;
}

@keyframes dlPinBounce {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  30% {
    transform: translateY(-6px) scale(1.02);
  }
  60% {
    transform: translateY(-2px) scale(0.99);
  }
}

#dlCenterPin.is-moving {
  animation: dlPinBounce 0.55s ease-out infinite;
}