/* S3 Branch Cart Animation Fixes for Smaller Tooltips */

/* Adjust cart indicator position for smaller tooltips */
#vertical-cart-indicator {
  transition: all 0.3s ease;
}

/* Enhanced pulse effect for cart indicator when item is added */
@keyframes cartPulse {
  0%, 100% {
    transform: scale(1) translateY(-50%);
  }
  50% {
    transform: scale(1.15) translateY(-50%);
  }
}

.cart-indicator-pulse {
  animation: cartPulse 0.6s ease;
}

/* Shopping cart tooltip animation adjustments for 320px width */
#shopping-cart-tooltip {
  width: 320px !important;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform-origin: top right;
}

#shopping-cart-tooltip.show-briefly {
  display: block !important;
  opacity: 1 !important;
  transform: scale(1);
}

#shopping-cart-tooltip.hide-briefly {
  opacity: 0 !important;
  transform: scale(0.95);
}

/* Flying product animation adjustments */
.flying-product-image {
  position: fixed !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  transition: none !important;
}

/* Ensure cart tooltip is above other elements but below modal */
#shopping-cart-tooltip {
  z-index: 10002 !important;
}

#vertical-cart-indicator {
  z-index: 10001 !important;
}

/* Success feedback animation - removed box-shadow */
@keyframes successGlow {
  0% {
    /* Removed box-shadow animation */
  }
  50% {
    /* Removed box-shadow animation */
  }
  100% {
    /* Removed box-shadow animation */
  }
}

.cart-success-glow {
  /* Removed animation since it only had box-shadow */
}