/* Custom Styles for CookbookAI */

/* Smooth scrolling for the entire page */
html {
  scroll-behavior: smooth;
}

/* Custom animation for the loading state */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Better text rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom styling for the image upload area when dragging */
.drag-active {
  border-color: #4F46E5 !important;
  background-color: rgba(79, 70, 229, 0.05);
}

/* Multi-line truncation for recipe descriptions */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Smooth transition for modal */
.modal-enter-active, .modal-leave-active {
  transition: opacity 0.3s ease;
}

.modal-enter-from, .modal-leave-to {
  opacity: 0;
}