/* Scoped styles for yeahToast plugin */
.yeah-toast-container {
  position: fixed;
  top: var(--spacing-large);
  right: var(--spacing-large);
  z-index: 9999; /* Ensure it appears above most elements */
}

.yeah-toast-message {
  display: none;
  margin-bottom: var(--spacing-base);
  padding: var(--spacing-base);
  border-radius: var(--border-radius);
  color: #fff;
  font-size: var(--font-size-small);
  max-width: 457px; /* Specific to toast messages */
  background-color: var(--bg-primary);
  box-shadow: var(--shadow-medium);
  opacity: 0.95;
  transition: var(--transition-base);
}

.yeah-toast-success {
  background-color: var(--color-success);
  color: #fff;
}

.yeah-toast-error {
  background-color: var(--color-error);
  color: #fff;
}

.yeah-toast-warning {
  background-color: var(--color-warning);
  color: #212529;
}

.yeah-toast-info {
  background-color: var(--color-info);
  color: #fff;
}

.yeah-toast-help {
  background-color: var(--color-info);
  color: #fff;
}

/* Add hover effect for better user experience */
.yeah-toast-message:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-heavy);
}