/* Base toast style */
.custom-toast {
  padding: 12px 20px;
  color: #ffffff;
  border-radius: 4px;
  font-size: 14px;
  max-width: 300px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Dark theme overrides */
.custom-toast[data-theme='dark'] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Success toast */
.custom-toast-success {
  background-color: #a5dc86;
}
.custom-toast-success[data-theme='dark'] {
  background-color: #2e7d32;
}

/* Error toast */
.custom-toast-error {
  background-color: #f27474;
}
.custom-toast-error[data-theme='dark'] {
  background-color: #d32f2f;
}

/* Warning toast */
.custom-toast-warning {
  background-color: #f8bb86;
}
.custom-toast-warning[data-theme='dark'] {
  background-color: #ed6c02;
}

/* Info toast */
.custom-toast-info {
  background-color: #3fc3ee;
}
.custom-toast-info[data-theme='dark'] {
  background-color: #0288d1;
}

/* Question toast */
.custom-toast-question {
  background-color: #87adbd;
}
.custom-toast-question[data-theme='dark'] {
  background-color: #455a64;
}

/* Toast title */
.custom-toast .toast-title {
  font-weight: bold;
  margin-bottom: 5px;
}

/* Toast message */
.custom-toast .toast-message {
  opacity: 0.9;
}

/* Close button */
.custom-toast .toast-close-button {
  color: #ffffff;
  opacity: 0.7;
  font-size: 16px;
  background: none;
  border: none;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
}

.custom-toast .toast-close-button:hover {
  opacity: 1;
}

/* SweetAlert2 Toast Theming */
html[data-theme='dark'] .swal2-popup.swal2-toast,
html[data-theme='dark'] .swal2-container .swal2-toast {
  background-color: #2b2c40 !important;
  color: #fff !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-title,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-title {
  color: #fff !important;
}

html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-html-container,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-html-container {
  color: #d7d7e3 !important;
}

html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-success-circular-line-left,
html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-success-circular-line-right,
html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-success-fix,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-success-circular-line-left,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-success-circular-line-right,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-success-fix {
  background-color: #2b2c40 !important;
}

html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-close,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-close {
  color: #d7d7e3 !important;
}

html[data-theme='dark'] .swal2-popup.swal2-toast .swal2-timer-progress-bar,
html[data-theme='dark'] .swal2-container .swal2-toast .swal2-timer-progress-bar {
  background-color: rgba(255, 255, 255, 0.2) !important;
}