/* CustodyProviders.com V8.5 — claim profile readability hotfix
   Scope: claim-profile.html only. No content or form behavior changes. */

body.ca-page .ca-form .ca-field > label,
body.ca-page .ca-form .ca-legend {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

/* Use a deliberate light-control treatment inside the dark verification UI. */
body.ca-page .ca-form .ca-field input:not([type="checkbox"]):not([type="radio"]),
body.ca-page .ca-form .ca-field select,
body.ca-page .ca-form .ca-field textarea {
  background: #f8fbff !important;
  color: #0b1f3a !important;
  -webkit-text-fill-color: #0b1f3a !important;
  border: 1px solid #9eb2cf !important;
  box-shadow: inset 0 1px 2px rgba(15, 31, 54, .05) !important;
  caret-color: #0b1f3a !important;
}

body.ca-page .ca-form .ca-field input::placeholder,
body.ca-page .ca-form .ca-field textarea::placeholder {
  color: #60728c !important;
  -webkit-text-fill-color: #60728c !important;
  opacity: 1 !important;
}

body.ca-page .ca-form .ca-field select option {
  background: #ffffff !important;
  color: #0b1f3a !important;
  -webkit-text-fill-color: #0b1f3a !important;
}

/* Chrome / Edge autofill: prevent pale-blue background + white text conflict. */
body.ca-page .ca-form input:-webkit-autofill,
body.ca-page .ca-form input:-webkit-autofill:hover,
body.ca-page .ca-form input:-webkit-autofill:focus,
body.ca-page .ca-form textarea:-webkit-autofill,
body.ca-page .ca-form textarea:-webkit-autofill:hover,
body.ca-page .ca-form textarea:-webkit-autofill:focus,
body.ca-page .ca-form select:-webkit-autofill,
body.ca-page .ca-form select:-webkit-autofill:hover,
body.ca-page .ca-form select:-webkit-autofill:focus {
  -webkit-text-fill-color: #0b1f3a !important;
  caret-color: #0b1f3a !important;
  -webkit-box-shadow: 0 0 0 1000px #f8fbff inset !important;
  box-shadow: 0 0 0 1000px #f8fbff inset !important;
  border: 1px solid #8fa7c7 !important;
  transition: background-color 9999s ease-out 0s;
}

body.ca-page .ca-form .ca-field input:focus,
body.ca-page .ca-form .ca-field select:focus,
body.ca-page .ca-form .ca-field textarea:focus {
  outline: 3px solid rgba(108, 160, 255, .42) !important;
  outline-offset: 1px !important;
  border-color: #6ca0ff !important;
}

/* Improve supporting text and checklist contrast. */
body.ca-page .ca-card .ca-muted,
body.ca-page .ca-card .ca-muted li {
  color: #e2ebf7 !important;
  -webkit-text-fill-color: #e2ebf7 !important;
}

body.ca-page .ca-card .ca-disclaimer {
  color: #d7e3f3 !important;
  -webkit-text-fill-color: #d7e3f3 !important;
  line-height: 1.62 !important;
  border-left-color: #f5c451 !important;
}

body.ca-page .ca-check,
body.ca-page .ca-check span {
  color: #e9f0fa !important;
  -webkit-text-fill-color: #e9f0fa !important;
}

body.ca-page .ca-check a {
  color: #bcd2ff !important;
  -webkit-text-fill-color: #bcd2ff !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Slightly stronger separation between form and page background. */
body.ca-page .ca-card {
  border-color: rgba(143, 167, 199, .34) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .20) !important;
}

@media (max-width: 760px) {
  body.ca-page .ca-form .ca-field input:not([type="checkbox"]):not([type="radio"]),
  body.ca-page .ca-form .ca-field select,
  body.ca-page .ca-form .ca-field textarea {
    font-size: 16px !important; /* prevents iOS form zoom and improves readability */
  }
}

/* Claim submit confirmation: keep the acknowledgement visible where the user submits. */
body.ca-page .ca-claim-confirmation {
  margin-top: 18px !important;
  padding: 20px 22px !important;
  border: 1px solid #56c596 !important;
  border-radius: 14px !important;
  background: #0d382f !important;
  color: #f4fff9 !important;
  -webkit-text-fill-color: #f4fff9 !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.18) !important;
}
body.ca-page .ca-claim-confirmation h2 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}
body.ca-page .ca-claim-confirmation p {
  margin: 7px 0 0 !important;
  color: #e9fff5 !important;
  -webkit-text-fill-color: #e9fff5 !important;
  line-height: 1.55 !important;
}
body.ca-page .ca-claim-confirmation .ca-claim-confirmation-hint {
  color: #ccebdc !important;
  -webkit-text-fill-color: #ccebdc !important;
  font-size: 14px !important;
}
body.ca-page .ca-form button[type="submit"]:disabled {
  opacity: 1 !important;
}

/* V8.9 — claim page intro contrast repair
   The page intro sits on a light background in the current design system,
   so force dark text there while keeping the dark form cards unchanged. */
body.ca-page .ca-hero{
  background: transparent !important;
}
body.ca-page .ca-hero .ca-kicker{
  color: #7d93b4 !important;
  -webkit-text-fill-color: #7d93b4 !important;
}
body.ca-page .ca-hero h1{
  color: #0b1f3a !important;
  -webkit-text-fill-color: #0b1f3a !important;
}
body.ca-page .ca-hero .ca-muted,
body.ca-page .ca-hero p,
body.ca-page .ca-hero span,
body.ca-page .ca-hero li{
  color: #5f728d !important;
  -webkit-text-fill-color: #5f728d !important;
}

/* Keep the right sidebar checklist readable and aligned with the dark card UI. */
body.ca-page .ca-card > h2,
body.ca-page .ca-card > h3{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.ca-page .ca-card ol,
body.ca-page .ca-card ol li{
  color: #e2ebf7 !important;
  -webkit-text-fill-color: #e2ebf7 !important;
}