/* CafeLoop — Custom styles */

/* Scrollbar utilities */
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* Smooth fade-in for flash messages */
#flash-ok, #flash-err {
  animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Product card line clamp */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Smooth bar animation */
.progress-bar {
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Like button active state */
.like-btn.liked {
  background-color: #ef4444;
  color: white;
}

/* Category tab active */
.cat-btn.active {
  background-color: #1c1917;
  color: #ffffff;
}
.cat-btn:not(.active) {
  background-color: #f5f5f4;
  color: #78716c;
}

/* Lazy load fade-in */
img[loading="lazy"] {
  transition: opacity 0.3s ease;
}

/* Mobile-first responsive table */
@media (max-width: 640px) {
  .overflow-x-auto table { min-width: 600px; }
}