/* Ladidu high-priority overrides loaded after Tailwind and website bundles */

/* Signup title */
.ladidu-signup-container h2.page-title {
  color: #133650 !important; /* prussian blue */
  font-weight: 700 !important;
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 10px; /* spacing to subtitle */
}

/* Signup container border/shadow (ensure visible) */
.ladidu-signup-container,
div.ladidu-signup-container {
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  padding: 30px !important;
  max-width: 400px !important;
  width: 100% !important;
}

/* Step indicator spacing under title */
.ladidu-signup-container .step-indicator {
  margin-top: 2px;
  margin-bottom: 14px; /* spacing from inputs */
}

/* Form buttons (CTA) */
.btn-primary-ladidu,
button.btn-primary-ladidu {
  background-color: #133650 !important; /* prussian blue */
  border-color: #133650 !important;
  color: #ffffff !important;
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #133650;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-primary-ladidu:hover,
button.btn-primary-ladidu:hover {
  background-color: #0f2a3f !important;
  border-color: #0f2a3f !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(19, 54, 80, 0.2);
}

/* Ensure auth help link stays orange */
.auth-help a,
.auth-help p a,
.auth-help a.link-orange {
  color: #ff9f1c !important; /* orange-peel */
  font-weight: 600;
}
.auth-help a:hover,
.auth-help p a:hover,
.auth-help a.link-orange:hover {
  text-decoration: underline;
}