/* Custom Toastr Styles - Must load AFTER toastr.min.css and theme.css */

/* Remove default toastr background icons completely */
#toast-container > div {
  background-image: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Custom SVG icons for light theme */
.toast-success {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2322c55e"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>') !important;
  background-size: 24px !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  padding-left: 50px !important;
}

.toast-error {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ef4444"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>') !important;
  background-size: 24px !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  padding-left: 50px !important;
}

.toast-warning {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f59e0b"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>') !important;
  background-size: 24px !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  padding-left: 50px !important;
}

.toast-info {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233b82f6"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>') !important;
  background-size: 24px !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  padding-left: 50px !important;
}

/* Dark mode - use simple colored backgrounds with icons */
[data-theme="dark"] #toast-container > div {
  background-image: none !important;
  padding-left: 15px !important;
}

[data-theme="dark"] .toast-success {
  background-color: rgba(34, 197, 94, 0.15) !important;
  border-left: 4px solid #22c55e !important;
}

[data-theme="dark"] .toast-error {
  background-color: rgba(239, 68, 68, 0.15) !important;
  border-left: 4px solid #ef4444 !important;
}

[data-theme="dark"] .toast-warning {
  background-color: rgba(245, 158, 11, 0.15) !important;
  border-left: 4px solid #f59e0b !important;
}

[data-theme="dark"] .toast-info {
  background-color: rgba(59, 130, 246, 0.15) !important;
  border-left: 4px solid #3b82f6 !important;
}

/* Toast content styling */
.toast-title {
  font-weight: 600 !important;
  margin-bottom: 0.25rem !important;
}

.toast-message {
  font-size: 0.9rem !important;
  color: inherit !important;
}

/* Close button */
.toast-close-button {
  color: inherit !important;
  opacity: 0.6 !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-text-shadow: none !important;
}

.toast-close-button:hover,
.toast-close-button:focus {
  opacity: 1 !important;
}

/* Container positioning */
#toast-container {
  z-index: 9999 !important;
}

#toast-container.toast-top-right {
  top: 80px !important;
  right: 20px !important;
}

#toast-container.toast-top-center {
  top: 80px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Mobile responsive */
@media (max-width: 767.98px) {
  #toast-container.toast-top-right {
    top: 70px !important;
    right: 10px !important;
    left: 10px !important;
  }
  
  #toast-container.toast-top-center {
    top: 70px !important;
    left: 10px !important;
    right: 10px !important;
    transform: none !important;
  }
}