/* ==============================================
   toasts.css - Toast Notifications
   ============================================== */

/* Toast Notifications */
.toast-container {
  z-index: 1080 !important;
}

.toast {
  min-width: 320px;
  max-width: 400px;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation: slideInRight 0.3s ease-out;
}

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

.toast.hiding {
  animation: slideOutRight 0.3s ease-in;
}

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

.toast-body {
  padding: 1rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Toast color variants */
.toast.text-bg-success {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
}

.toast.text-bg-danger {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  color: white !important;
}

.toast.text-bg-warning {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: white !important;
}

.toast.text-bg-info {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  color: white !important;
}

/* Toast close button */
.toast .btn-close {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.toast .btn-close:hover {
  opacity: 1;
}

.toast .btn-close-white {
  filter: brightness(0) invert(1);
}

/* Dark theme toast enhancements */
:root[data-theme="dark"] .toast {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .toast.text-bg-success {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}

:root[data-theme="dark"] .toast.text-bg-danger {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}

:root[data-theme="dark"] .toast.text-bg-warning {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
}

:root[data-theme="dark"] .toast.text-bg-info {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}