/* Custom SweetAlert2 Styles for Sneat Theme */

.swal2-popup {
  border-radius: 0.5rem !important;
  box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important;
}

.swal2-title {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: #566a7f !important;
}

.swal2-html-container {
  font-size: 0.9375rem !important;
  color: #697a8d !important;
}

.swal2-icon {
  border-width: 3px !important;
}

.swal2-icon.swal2-success {
  border-color: #71dd37 !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #71dd37 !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(113, 221, 55, 0.3) !important;
}

.swal2-icon.swal2-error {
  border-color: #ff3e1d !important;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #ff3e1d !important;
}

.swal2-icon.swal2-warning {
  border-color: #ffab00 !important;
  color: #ffab00 !important;
}

.swal2-icon.swal2-info {
  border-color: #03c3ec !important;
  color: #03c3ec !important;
}

.swal2-icon.swal2-question {
  border-color: #696cff !important;
  color: #696cff !important;
}

/* Toast Notifications */
.swal2-toast {
  box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important;
  border-radius: 0.5rem !important;
  padding: 0.875rem 1rem !important;
  min-width: 280px !important;
  align-items: center !important;
}

.swal2-toast .swal2-title {
  font-size: 0.9375rem !important;
  color: #566a7f !important;
  margin: 0 !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
}

.swal2-toast .swal2-icon {
  width: 2em !important;
  height: 2em !important;
  min-width: 2em !important;
  margin: 0 0.75em 0 0 !important;
  border: none !important;
  font-size: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Success icon in toast - simplified circular checkmark */
.swal2-toast .swal2-icon.swal2-success {
  background-color: #71dd37 !important;
  border-radius: 50% !important;
}

.swal2-toast .swal2-icon.swal2-success::before {
  content: '\2713' !important; /* Unicode checkmark */
  color: white !important;
  font-size: 1.5em !important;
  font-weight: bold !important;
  line-height: 1 !important;
  display: block !important;
}

.swal2-toast .swal2-icon.swal2-success * {
  display: none !important;
}

/* Error icon in toast */
.swal2-toast .swal2-icon.swal2-error {
  background-color: #ff3e1d !important;
  border-radius: 50% !important;
}

.swal2-toast .swal2-icon.swal2-error::before {
  content: '\00D7' !important; /* Unicode X symbol */
  color: white !important;
  font-size: 2em !important;
  font-weight: bold !important;
  line-height: 1 !important;
  display: block !important;
}

.swal2-toast .swal2-icon.swal2-error * {
  display: none !important;
}

.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #ff3e1d !important;
}

/* Warning icon in toast */
.swal2-toast .swal2-icon.swal2-warning {
  background-color: #ffab00 !important;
  border-radius: 50% !important;
}

.swal2-toast .swal2-icon.swal2-warning::before {
  content: '!' !important;
  color: white !important;
  font-size: 1.75em !important;
  font-weight: bold !important;
  line-height: 1 !important;
  display: block !important;
}

.swal2-toast .swal2-icon.swal2-warning * {
  display: none !important;
}

/* Info icon in toast */
.swal2-toast .swal2-icon.swal2-info {
  background-color: #03c3ec !important;
  border-radius: 50% !important;
}

.swal2-toast .swal2-icon.swal2-info::before {
  content: 'i' !important;
  color: white !important;
  font-size: 1.5em !important;
  font-weight: bold !important;
  line-height: 1 !important;
  display: block !important;
  font-style: italic !important;
}

.swal2-toast .swal2-icon.swal2-info * {
  display: none !important;
}

/* Container adjustments */
.swal2-toast .swal2-popup {
  padding: 0.875rem 1rem !important;
}

.swal2-toast .swal2-content {
  display: flex !important;
  align-items: center !important;
}

/* Timer Progress Bar */
.swal2-timer-progress-bar {
  background: rgba(105, 108, 255, 0.8) !important;
}

/* Responsive */
@media (max-width: 768px) {
  .swal2-popup {
    width: 90% !important;
  }
}

/* Animation improvements */
.swal2-show {
  animation: swal2-show 0.2s !important;
}

.swal2-hide {
  animation: swal2-hide 0.2s !important;
}

/* Custom button styles when not using buttonsStyling */
.swal2-actions .btn {
  margin: 0 0.375rem !important;
  min-width: 80px;
}