/* Chat demo animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fadeUp 0.3s ease-out forwards;
}

/* Bakery state transitions — class-based */
.bakery-state-loading .bakery-loading { display: flex; }
.bakery-state-loading .bakery-coming-soon { display: none; }
.bakery-state-loading .bakery-default { display: none; }

.bakery-state-coming-soon .bakery-loading { display: none; }
.bakery-state-coming-soon .bakery-coming-soon { display: flex; }
.bakery-state-coming-soon .bakery-default { display: none; }

.bakery-state-default .bakery-loading { display: none; }
.bakery-state-default .bakery-coming-soon { display: none; }
.bakery-state-default .bakery-default { display: block; }
.bakery-state-default .bakery-text-sunset { display: none; }
.bakery-state-default .bakery-text-default { display: block; }
.bakery-state-default .bakery-overlay { background-color: transparent; }

.bakery-state-sunset .bakery-loading { display: none; }
.bakery-state-sunset .bakery-coming-soon { display: none; }
.bakery-state-sunset .bakery-default { display: block; }
.bakery-state-sunset .bakery-text-default { display: none; }
.bakery-state-sunset .bakery-text-sunset { display: block; }
.bakery-state-sunset .bakery-overlay { background-color: rgba(120, 53, 15, 0.2); }

/* Typing dots */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.typing-dot { animation: bounce 0.6s infinite; }
.typing-dot-1 { animation-delay: 0ms; }
.typing-dot-2 { animation-delay: 150ms; }
.typing-dot-3 { animation-delay: 300ms; }