/**
 * SweetAlert2 — 5alas branding. Tokens align with validation-5alas.css when present.
 */
:root {
  --5alas-swal-success: var(--5alas-validation-success, var(--primary-color, #036441));
  --5alas-swal-danger: var(--5alas-validation-danger, #b42318);
  --5alas-swal-warning: var(--5alas-validation-warning, #ff9f29);
  --5alas-swal-info: var(--5alas-validation-info, #245e52);
  --5alas-swal-cancel-bg: var(--secondary-color, #eee0cc);
  --5alas-swal-cancel-fg: var(--primary-color, #036441);
}

.swal2-popup {
  width: 420px !important;
  max-width: calc(100vw - 32px) !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
  padding: 1.25rem 1.5rem !important;
  font-family: "Gilroy", "Red Hat Display", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* Force consistent typography for ALL swal content */
.swal2-popup,
.swal2-popup * {
  font-family: inherit !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 480px) {
  .swal2-popup {
    width: 320px !important;
  }
}

/* Icon sizing: keep SweetAlert2 defaults (do not override) */

.swal2-title {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0.25rem 0 0 !important;
}

.swal2-html-container,
.swal2-content,
.swal2-text {
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.swal2-html-container,
.swal2-content,
.swal2-text,
.swal2-footer {
  color: #334155 !important;
}

.swal2-actions {
  gap: 0.75rem !important;
  margin-top: 1rem !important;
}

.swal2-styled {
  padding: 0.65em 1.1em !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
}

.swal2-styled:focus {
  box-shadow: 0 0 0 3px rgba(3, 100, 65, 0.22) !important;
}

.swal2-close {
  color: rgba(3, 100, 65, 0.85) !important;
}

.swal2-close:hover {
  color: rgba(3, 100, 65, 1) !important;
}

/* Inputs (prompt / textarea) */
.swal2-input,
.swal2-textarea,
.swal2-file,
.swal2-select {
  font-size: 0.95rem !important;
  border-radius: 10px !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: none !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-file:focus,
.swal2-select:focus {
  border-color: rgba(3, 100, 65, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(3, 100, 65, 0.14) !important;
}

.swal2-confirm {
  background-color: var(--5alas-swal-success) !important;
  border-color: var(--5alas-swal-success) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.swal2-cancel {
  background-color: var(--5alas-swal-cancel-bg) !important;
  border-color: var(--5alas-swal-cancel-bg) !important;
  color: var(--5alas-swal-cancel-fg) !important;
  box-shadow: none !important;
}

.swal2-deny {
  background-color: var(--5alas-swal-danger) !important;
  border-color: var(--5alas-swal-danger) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Timer bar */
.swal2-timer-progress-bar {
  background-color: var(--5alas-swal-success) !important;
}

/* Warning = 5alas amber */
.swal2-container .swal2-popup .swal2-icon.swal2-warning,
.swal2-container .swal2-popup .swal2-icon.swal2-warning.swal2-icon-show {
  border-color: var(--5alas-swal-warning) !important;
  color: var(--5alas-swal-warning) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-warning .swal2-icon-content,
.swal2-container .swal2-popup .swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  color: var(--5alas-swal-warning) !important;
  border-color: var(--5alas-swal-warning) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-info,
.swal2-container .swal2-popup .swal2-icon.swal2-info.swal2-icon-show {
  border-color: var(--5alas-swal-info) !important;
  color: var(--5alas-swal-info) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-info .swal2-icon-content,
.swal2-container .swal2-popup .swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  color: var(--5alas-swal-info) !important;
  border-color: var(--5alas-swal-info) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-question,
.swal2-container .swal2-popup .swal2-icon.swal2-question.swal2-icon-show {
  border-color: var(--5alas-swal-success) !important;
  color: var(--5alas-swal-success) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-question .swal2-icon-content,
.swal2-container .swal2-popup .swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  color: var(--5alas-swal-success) !important;
  border-color: var(--5alas-swal-success) !important;
}

/* Success */
.swal2-container .swal2-popup .swal2-icon.swal2-success {
  border-color: var(--5alas-swal-success) !important;
  color: var(--5alas-swal-success) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(3, 100, 65, 0.28) !important;
}

.swal2-container .swal2-popup .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: var(--5alas-swal-success) !important;
}

/* Keep SweetAlert's default success icon, just tinted to 5alas */

/* Error */
.swal2-container .swal2-popup .swal2-icon.swal2-error,
.swal2-container .swal2-popup .swal2-icon.swal2-error.swal2-icon-show {
  border-color: var(--5alas-swal-danger) !important;
  color: var(--5alas-swal-danger) !important;
}

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

.swal2-container .swal2-popup .swal2-title {
  color: #1a2744 !important;
}