/* Toast Container Styles */
#toastContainer {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Toast Styles with !important to override conflicts */
.toast-custom {
  transform: translateY(-50px) scale(0.8);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-bottom: 8px;
  display: flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  border-radius: 50px !important;
  border: 1px solid !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  font-weight: 500 !important;
  white-space: nowrap;
  background-image: none !important; /* Bootstrap override */
  background-gradient: none !important; /* Bootstrap override */
}

.toast-custom.show {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Success Toast - Force white background */
.toast-custom.toast-success {
  background-color: #ffffff !important;
  color: #166534 !important;
  border-color: #bbf7d0 !important;
}

.toast-custom.toast-success .toast-icon {
  color: #22c55e !important;
}

/* Error Toast - Force white background */
.toast-custom.toast-error {
  background-color: #ffffff !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
}

.toast-custom.toast-error .toast-icon {
  color: #ef4444 !important;
}

/* Warning Toast - Force white background */
.toast-custom.toast-warning {
  background-color: #ffffff !important;
  color: #92400e !important;
  border-color: #fed7aa !important;
}

.toast-custom.toast-warning .toast-icon {
  color: #f59e0b !important;
}

/* Toast Icon */
.toast-icon {
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  #toastContainer {
    left: 10px;
    right: 10px;
    transform: none;
  }
}