/**
 * SweetAlert2 – Admin Panel dark tema uyumlu
 * root.css değişkenleri ile uyumludur; data-theme="light" ile açık tema da desteklenir.
 */

/* Container & backdrop */
.swal2-container {
  z-index: 20050 !important;
  backdrop-filter: blur(var(--modal-backdrop-blur, 10px));
  -webkit-backdrop-filter: blur(var(--modal-backdrop-blur, 10px));
}

.swal2-backdrop-show {
  background: rgba(2, 6, 23, 0.72) !important;
}

.swal2-popup {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-lg, 16px) !important;
  box-shadow: var(--shadow-lg, 0 16px 48px rgba(0, 0, 0, 0.5)), var(--shadow-glow, 0 0 32px rgba(91, 141, 239, 0.15)) !important;
  padding: var(--space-xl, 24px) !important;
  color: var(--text-primary) !important;
  max-width: min(calc(100vw - 1.5rem), 40rem) !important;
  width: auto !important;
}

.swal2-title {
  color: var(--text-primary) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding: 0 0.5rem !important;
  margin: 0 0 0.35em !important;
}

.swal2-html-container {
  color: var(--text-secondary) !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
  margin: 0.35em 0 0 !important;
}

/* Özel gövde sınıfları (ör. mağaza anahtar modali) margin’i purchase-apps.css’te ayarlanır */

/* İkon renkleri – panel durum renkleriyle uyumlu */
.swal2-icon.swal2-success {
  border-color: var(--success) !important;
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: var(--success) !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: var(--success-muted, rgba(52, 211, 153, 0.15)) !important;
}

.swal2-icon.swal2-error {
  border-color: var(--danger) !important;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: var(--danger) !important;
}

.swal2-icon.swal2-warning {
  border-color: var(--warning) !important;
  color: var(--warning) !important;
}

.swal2-icon.swal2-info {
  border-color: var(--info) !important;
  color: var(--info) !important;
}

/* Butonlar */
.swal2-actions {
  gap: var(--space-sm, 8px) !important;
  margin-top: var(--space-lg, 24px) !important;
}

.swal2-styled {
  border-radius: var(--radius-sm, 8px) !important;
  font-weight: 600 !important;
  padding: var(--space-sm, 8px) var(--space-lg, 24px) !important;
  transition: background var(--transition, 0.2s ease), transform 0.15s ease !important;
}

.swal2-styled:focus {
  box-shadow: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent) !important;
}

.swal2-confirm {
  background: var(--accent) !important;
  color: var(--text-on-accent, #fff) !important;
}
.swal2-confirm:hover {
  background: var(--accent-hover) !important;
  transform: translateY(-1px);
}

.swal2-confirm--danger {
  background: var(--danger) !important;
  color: var(--text-on-accent, #fff) !important;
}
.swal2-confirm--danger:hover {
  background: var(--danger) !important;
  filter: brightness(1.1);
}

.swal2-cancel {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-color) !important;
}
.swal2-cancel:hover {
  background: var(--bg-hover) !important;
  border-color: var(--border-light) !important;
  color: var(--text-primary) !important;
}

.swal2-denier,
.swal2-deny {
  background: var(--danger) !important;
  color: var(--text-on-accent, #fff) !important;
}
.swal2-denier:hover,
.swal2-deny:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Input (prompt) */
.swal2-input,
.swal2-textarea {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-sm, 8px) !important;
  color: var(--text-primary) !important;
}
.swal2-input:focus,
.swal2-textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-muted) !important;
}

/* Progress steps */
.swal2-progress-steps .swal2-progress-step {
  background: var(--accent) !important;
  color: var(--text-on-accent, #fff) !important;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: var(--accent) !important;
}
.swal2-progress-steps .swal2-progress-step-line {
  background: var(--border-color) !important;
}

/* Timer / close butonu */
.swal2-close {
  color: var(--text-muted) !important;
}
.swal2-close:hover {
  color: var(--text-primary) !important;
}

/* Açık tema */
[data-theme="light"] .swal2-popup {
  box-shadow: var(--shadow-lg) !important;
}