/* ==========================================================================
   SHAN YUAN ANIMATIONS & TRANSITIONS
   ========================================================================== */

@keyframes slideUpDrawer {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes pulsePacing {
  0% {
    transform: scale(0.92);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.9;
  }
  100% {
    transform: scale(0.92);
    opacity: 0.5;
  }
}

.breathing-active .breath-circle-outer {
  animation: pulsePacing 12s infinite ease-in-out;
}

.breathing-active .breath-circle-inner {
  animation: pulsePacing 12s infinite ease-in-out 0.5s;
}

.breathing-active .lotus-graphic-img {
  animation: pulsePacing 12s infinite ease-in-out;
}

/* Map user location blue pulse */
@keyframes mapPulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(46, 134, 193, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(46, 134, 193, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(46, 134, 193, 0);
  }
}

.pulse-dot {
  animation: mapPulse 2s infinite;
}

/* Fade in elements smoothly */
.fade-in {
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}