/* =========================================================
   FINAL INPUT OVERRIDES – DARK FORM
   (DO NOT APPLY when <form> has class="thankyou")
   ========================================================= */

/* Base input appearance */
main form:not(.thankyou) .form-control,
main form:not(.thankyou) .form-assembly-wrapper .form-control {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 0 !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;

  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder text */
main form:not(.thankyou) .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;
}

/* Chrome autofill fix */
main form:not(.thankyou) input:-webkit-autofill,
main form:not(.thankyou) input:-webkit-autofill:hover,
main form:not(.thankyou) input:-webkit-autofill:focus,
main form:not(.thankyou) input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* Optional: stronger underline on focus */
main form:not(.thankyou) .form-control:focus {
  border-bottom-color: #ffffff !important;
}