/* Style all input fields (text, email, etc.) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
  background-color: #fff !important; /* white background */
  border: 1px solid #e5e5e7 !important; /* solid black border */
  color: #000 !important; /* black text */
  padding: 10px; /* inner spacing */
  box-shadow: none !important; /* remove any subtle shadow */
  transition: border-color 0.2s ease-in-out;
}

/* When user focuses on any field */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus {
  outline: none !important;
  border-color: #333 !important; /* darker border on focus */
  background-color: #fff !important; /* keep it white when active */
}

/* Optional: ensure placeholder text is readable */
::placeholder {
  color: #777 !important; /* medium gray placeholder */
}


/* Move the whole form to the left under the heading */
.paperform,
.paperform-embed,
.paperform__embed,
.paperform-embed-wrap {
  margin-left: 0 !important;    /* aligns to left edge */
  margin-right: auto !important;
  max-width: 640px !important;  /* adjust form width */
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* Optional: add some space between heading and form */
.paperform,
.paperform-embed {
  margin-top: 1.5rem !important;
}

/* Keep labels and fields nicely left-aligned inside */
.paperform-form .field-label,
.paperform-field-label,
.paperform__label {
  text-align: left !important;
}

/* Make inputs stretch fully inside container */
.paperform-form input[type="text"],
.paperform-form input[type="email"],
.paperform-form textarea,
.paperform__field-control input,
.paperform__field-control textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Align submit button with the left side too */
.paperform-button,
.paperform__submit,
.paperform-form .button {
  display: inline-block !important;
  margin-left: 0 !important;
}

body .paperform-container,
body .paperform-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
}