/**
 * SweetAlert2 — sade, mağaza ile uyumlu (myticaret)
 * Tüm Swal pencerelerine uygulanır; çok renkli / kalın varsayılan görünümü yumuşatır.
 */

.swal2-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.swal2-container.swal2-backdrop-show {
  background: rgba(15, 23, 42, 0.42) !important;
}

.swal2-popup {
  border-radius: 16px !important;
  padding: 1.35rem 1.25rem 1.15rem !important;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.18) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.swal2-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  padding: 0 0.25rem !important;
}

.swal2-html-container {
  font-size: 14px !important;
  color: #64748b !important;
  line-height: 1.45 !important;
  margin-top: 0.35rem !important;
}

/*
 * Başarı ikonu: Swal2 iç animasyonları gizli; küçük daire + hafif tik girişi.
 */
@keyframes mytSwalCheckIn {
  from {
    opacity: 0;
    transform: translate(-50%, -58%) rotate(45deg) scale(0.45);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -58%) rotate(45deg) scale(1);
  }
}

.swal2-icon.swal2-success {
  position: relative !important;
  width: 2.125rem !important;
  height: 2.125rem !important;
  margin: 0.2rem auto 0.55rem !important;
  border: none !important;
  background: rgba(0, 91, 209, 0.1) !important;
  color: #005bd1 !important;
  animation: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

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

.swal2-icon.swal2-success::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.28rem;
  height: 0.48rem;
  margin: 0;
  border: solid #005bd1;
  border-width: 0 0.09rem 0.09rem 0;
  transform: translate(-50%, -58%) rotate(45deg);
  transform-origin: center;
  box-sizing: border-box;
  pointer-events: none;
  animation: mytSwalCheckIn 0.32s cubic-bezier(0.34, 1.35, 0.64, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
  .swal2-icon.swal2-success::after {
    animation: none !important;
    opacity: 1 !important;
    transform: translate(-50%, -58%) rotate(45deg) scale(1) !important;
  }
}

.swal2-icon.swal2-error {
  width: 3rem !important;
  height: 3rem !important;
  margin: 0.35rem auto 0.85rem !important;
  border-color: rgba(220, 38, 38, 0.35) !important;
}

.swal2-actions {
  gap: 10px !important;
  margin-top: 1.15rem !important;
}

.swal2-styled {
  border-radius: 10px !important;
  padding: 0.55rem 1.15rem !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

.swal2-confirm {
  background: #005bd1 !important;
  color: #fff !important;
  border: none !important;
}

.swal2-confirm:hover {
  background: #0047a8 !important;
}

.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(0, 91, 209, 0.25) !important;
}

/* Varsayılan kırmızı “Sepete Git” yerine nötr ikincil */
.swal2-deny {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
}

.swal2-deny:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

.swal2-cancel {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

.swal2-cancel:hover {
  background: #e2e8f0 !important;
}