/* Velocity Talent — SweetAlert v1 dark theme (loaded globally from layout) */

/* =====================================================================
   SweetAlert v1 dark theme — VT-branded overrides for swal() popups
   (success / info / error / warning across the whole app)
   ===================================================================== */

/* Backdrop */
.swal-overlay {
  background-color: rgba(11, 19, 38, 0.78) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Modal box — dark glass */
.swal-modal {
  background: linear-gradient(180deg, rgba(23,31,51,0.96), rgba(11,19,38,0.96)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,0.55),
    0 0 0 1px rgba(173,198,255,0.08) inset !important;
  padding: 28px 24px 22px !important;
  font-family: 'Inter', 'Noto Sans Arabic', system-ui, -apple-system, sans-serif !important;
}

/* Title */
.swal-title {
  color: #dae2fd !important;
  font-family: 'Plus Jakarta Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  letter-spacing: -0.01em !important;
  margin: 18px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Body text */
.swal-text {
  color: #c2c6d6 !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  text-align: center !important;
  margin: 4px 0 18px !important;
  padding: 0 8px !important;
}

/* Content wrapper (used for custom DOM content) */
.swal-content {
  color: #dae2fd !important;
  padding: 4px 0 !important;
  margin: 0 !important;
}
.swal-content a {
  color: #4cd7f6 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.swal-content a:hover { color: #adc6ff !important; }

/* Footer / buttons row */
.swal-footer {
  text-align: center !important;
  padding: 8px 0 0 !important;
  margin-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding-top: 18px !important;
}
.swal-button-container { margin: 4px !important; }

/* Buttons — base + variants */
.swal-button {
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 11px 26px !important;
  border-radius: 12px !important;
  border: 0 !important;
  letter-spacing: 0.01em !important;
  transition: transform 180ms ease, box-shadow 200ms ease, background 200ms ease, color 200ms ease !important;
  box-shadow: none !important;
}
.swal-button:focus { box-shadow: 0 0 0 3px rgba(173,198,255,0.25) !important; }
.swal-button:hover { transform: translateY(-1px) !important; }
.swal-button:active { transform: translateY(0) !important; }

/* Primary / OK / confirm */
.swal-button--confirm,
.swal-button--Login,
.swal-button--register,
.swal-button--hello {
  background: #adc6ff !important;
  color: #000000 !important;
}
.swal-button--confirm:not([disabled]):hover,
.swal-button--Login:not([disabled]):hover,
.swal-button--register:not([disabled]):hover,
.swal-button--hello:not([disabled]):hover {
  background: #c1d3ff !important;
  color: #000000 !important;
  box-shadow: 0 10px 24px rgba(173,198,255,0.25) !important;
}

/* Cancel / ghost */
.swal-button--cancel {
  background: rgba(255,255,255,0.06) !important;
  color: #dae2fd !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}
.swal-button--cancel:not([disabled]):hover {
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}

/* Danger */
.swal-button--danger {
  background: #f87171 !important;
  color: #690005 !important;
}
.swal-button--danger:not([disabled]):hover {
  background: #ffc7c0 !important;
  color: #690005 !important;
  box-shadow: 0 10px 24px rgba(248,113,113,0.30) !important;
}

/* Icons — keep the built-in art but tint container for the dark bg */
.swal-icon {
  margin: 8px auto 4px !important;
}
.swal-icon:not(.swal-icon--custom) {
  border-color: rgba(255,255,255,0.10) !important;
}
.swal-icon--success {
  border-color: rgba(0, 204, 153, 0.55) !important;
}
.swal-icon--success__ring {
  border-color: rgba(0, 204, 153, 0.30) !important;
}
.swal-icon--success__line {
  background-color: #00CC99 !important;
}
.swal-icon--success__hide-corners {
  background-color: transparent !important;
}

/* Kill the white masking pseudo-elements on the success icon circle */
.swal-icon--success::before,
.swal-icon--success::after {
  background: transparent !important;
}
/* The long checkmark line's pseudo-elements also default to white */
.swal-icon--success__line--long::before,
.swal-icon--success__line--long::after,
.swal-icon--success__line--tip::before,
.swal-icon--success__line--tip::after {
  background: transparent !important;
}
.swal-icon--error {
  border-color: rgba(248,113,113, 0.55) !important;
}
.swal-icon--error__line {
  background-color: #f87171 !important;
}
.swal-icon--warning {
  border-color: rgba(255, 207, 138, 0.55) !important;
}
.swal-icon--warning__body,
.swal-icon--warning__dot {
  background-color: #ffcf8a !important;
}
.swal-icon--info {
  border-color: rgba(76, 215, 246, 0.55) !important;
}
.swal-icon--info::before,
.swal-icon--info::after {
  background-color: #4cd7f6 !important;
}

/* RTL niceties */
[dir="rtl"] .swal-modal,
[dir="rtl"] .swal-title,
[dir="rtl"] .swal-text { font-family: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', system-ui, sans-serif !important; }