/* Branded SweetAlert2 modals for the registration flow (sign-up.php).
   Colors match the live theme's confirmed brand blue (#2f55d4 / #2443ac,
   from assets/css_main_deprixa/css/colors/default.css) rather than the
   generic SweetAlert2 defaults. */

.transvero-swal-popup {
  border-radius: 12px !important;
  font-family: "Nunito", sans-serif !important;
  padding-bottom: 28px !important;
}

.transvero-swal-title {
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  color: #2f2f2f !important;
}

.transvero-swal-text {
  font-family: "Nunito", sans-serif !important;
  color: #6c757d !important;
}

.transvero-swal-confirm {
  background-color: #2f55d4 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 10px 32px !important;
  box-shadow: 0 4px 10px rgba(47, 85, 212, 0.35) !important;
}

.transvero-swal-confirm:hover,
.transvero-swal-confirm:focus {
  background-color: #2443ac !important;
}

.transvero-swal-deny {
  background-color: #f27474 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 10px 32px !important;
}

/* Success icon recolored to the brand blue instead of SweetAlert2's default green */
.transvero-swal-popup .swal2-icon.swal2-success {
  border-color: #2f55d4 !important;
}
.transvero-swal-popup .swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #2f55d4 !important;
}
.transvero-swal-popup .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(47, 85, 212, 0.3) !important;
}

/* Branded loading state: reuses the same bouncing double-dot animation
   already used on the page's own #preloader, so the loading feel is
   consistent, but scoped independently so it works inside a Swal modal. */
.transvero-swal-loading-spinner {
  width: 48px;
  height: 48px;
  position: relative;
  margin: 12px auto 20px;
}

.transvero-swal-loading-spinner .tv-bounce1,
.transvero-swal-loading-spinner .tv-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2f55d4;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: tv-sk-bounce 2.0s infinite ease-in-out;
}

.transvero-swal-loading-spinner .tv-bounce2 {
  animation-delay: -1.0s;
}

@keyframes tv-sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.0);
  }
}