/* ==========================================================================
   SweetAlert Theme Override
   Applies theme variables to SweetAlert modals for dark mode support
   ========================================================================== */

.sweet-overlay {
  background-color: var(--color-overlay) !important;
}

.sweet-alert {
  background-color: var(--color-bg-primary) !important;
  border: 1px solid var(--color-border-medium) !important;
  box-shadow: 0 4px 20px var(--color-shadow-dark) !important;
}

.sweet-alert h2 {
  color: var(--color-text-primary) !important;
}

.sweet-alert p {
  color: var(--color-text-secondary) !important;
}

/* Input field styling */
.sweet-alert input,
.sweet-alert textarea {
  background-color: var(--color-bg-input) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-medium) !important;
}

.sweet-alert input::placeholder,
.sweet-alert textarea::placeholder {
  color: var(--color-text-muted) !important;
}

/* Confirm button (primary action) */
.sweet-alert button.confirm {
  background-color: var(--color-button) !important;
  color: var(--color-text-inverted) !important;
  border: none !important;
}

.sweet-alert button.confirm:hover {
  background-color: var(--color-button-hover) !important;
}

/* Cancel button (secondary action) */
.sweet-alert button.cancel {
  background-color: var(--color-bg-tertiary) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-medium) !important;
}

.sweet-alert button.cancel:hover {
  background-color: var(--color-bg-hover) !important;
}

/* Error/warning states */
.sweet-alert .sa-error-container {
  background-color: var(--color-bg-secondary) !important;
}

.sweet-alert .sa-error-container .icon {
  border-color: var(--color-danger) !important;
}

/* Icon colors */
.sweet-alert .sa-icon.sa-success .sa-line {
  background-color: var(--color-success) !important;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border-color: var(--color-success) !important;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  background-color: var(--color-danger) !important;
}

.sweet-alert .sa-icon.sa-error {
  border-color: var(--color-danger) !important;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: var(--color-warning) !important;
}

.sweet-alert .sa-icon.sa-warning .sa-body,
.sweet-alert .sa-icon.sa-warning .sa-dot {
  background-color: var(--color-warning) !important;
}

.sweet-alert .sa-icon.sa-info {
  border-color: var(--color-info) !important;
}

.sweet-alert .sa-icon.sa-info::before,
.sweet-alert .sa-icon.sa-info::after {
  background-color: var(--color-info) !important;
}