/**
 * Prarvi — SweetAlert2 brand theme
 * Restyles the default SweetAlert2 popup to match the site's
 * navy (#0b0a88) / teal (#55d1cb, #1b9ba3) glassmorphism system.
 */

.swal2-container {
  background: rgba(11, 10, 136, 0.28) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.swal2-popup {
  font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif !important;
  width: 30rem !important;
  padding: 1.75rem 1.5rem 2rem !important;
  border-radius: 20px !important;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.97) 0%, rgba(248, 250, 255, 0.97) 100%) !important;
  border: 1px solid rgba(11, 10, 136, 0.08) !important;
  box-shadow:
    0 24px 60px rgba(11, 10, 136, 0.22),
    0 4px 16px rgba(11, 10, 136, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

.swal2-title {
  color: #0b0a88 !important;
  font-weight: 800 !important;
  font-size: 1.5rem !important;
  letter-spacing: -0.01em !important;
  padding: 0.5em 0.3em 0 !important;
}

.swal2-html-container {
  color: #4a4a5a !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
}

/* Action buttons */
.swal2-actions {
  gap: 0.75rem !important;
  margin-top: 1.6rem !important;
}

.swal2-styled.swal2-confirm {
  background: linear-gradient(135deg, #1b9ba3 0%, #16878f 100%) !important;
  border-radius: 10px !important;
  padding: 0.7em 1.8em !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  box-shadow: 0 10px 24px rgba(27, 155, 163, 0.32) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.swal2-styled.swal2-confirm:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(27, 155, 163, 0.38) !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(85, 209, 203, 0.45) !important;
}

.swal2-styled.swal2-cancel {
  background: #ffffff !important;
  color: #0b0a88 !important;
  border: 1px solid rgba(11, 10, 136, 0.18) !important;
  border-radius: 10px !important;
  padding: 0.7em 1.8em !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  box-shadow: none !important;
}

.swal2-styled.swal2-cancel:hover {
  background: rgba(11, 10, 136, 0.05) !important;
}

.swal2-styled.swal2-deny {
  background: #b3261e !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

/* Icons re-tinted to brand palette */
.swal2-icon.swal2-success {
  border-color: rgba(27, 155, 163, 0.35) !important;
  color: #1b9ba3 !important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #1b9ba3 !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(27, 155, 163, 0.3) !important;
}

.swal2-icon.swal2-error {
  border-color: rgba(179, 38, 30, 0.3) !important;
  color: #b3261e !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #b3261e !important;
}

.swal2-icon.swal2-warning {
  border-color: rgba(212, 175, 55, 0.4) !important;
  color: #b8860b !important;
}

.swal2-icon.swal2-info {
  border-color: rgba(11, 10, 136, 0.3) !important;
  color: #0b0a88 !important;
}

.swal2-icon.swal2-question {
  border-color: rgba(11, 10, 136, 0.3) !important;
  color: #0b0a88 !important;
}

/* Loading spinner (used for "Verifying email..." / "Sending..." states) */
.swal2-loader {
  border-color: #0b0a88 transparent #1b9ba3 transparent !important;
}

/* Toast / timer progress bar */
.swal2-timer-progress-bar {
  background: linear-gradient(90deg, #0b0a88 0%, #1b9ba3 100%) !important;
}

/* Input fields inside prompts */
.swal2-input,
.swal2-textarea,
.swal2-select {
  border: 1px solid rgba(11, 10, 136, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {
  border-color: #1b9ba3 !important;
  box-shadow: 0 0 0 3px rgba(85, 209, 203, 0.25) !important;
}

.swal2-close {
  color: #0b0a88 !important;
}

.swal2-close:hover {
  color: #1b9ba3 !important;
  transform: none !important;
}