/**
 * Plaksim Core - Elementor Widgets & Forms Stylesheet
 */

/* Multi-Step Stepper */
.loan-stepper {
  user-select: none;
}

.step-indicator-item {
  transition: all 0.3s ease;
}

.step-indicator-item.active .step-circle {
  background-color: var(--color-primary, #1769D2) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(23, 105, 210, 0.2);
}

.step-indicator-item.completed .step-circle {
  background-color: var(--color-success, #10B981) !important;
  color: #FFFFFF !important;
}

.step-indicator-item.active span {
  color: var(--color-primary-dark, #153D78) !important;
  font-weight: 700 !important;
}

/* Stepper Connection Lines */
.step-line.completed {
  background-color: var(--color-success, #10B981) !important;
}

/* AJAX Loading State */
.is-loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}

.spinner-border {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.15em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

/* Tracking Result Card */
.tracking-results-card {
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}