/* Contact forms on dark footers — force readable typed text.
   Loaded after Webflow CSS; versioned URL avoids immutable cache stale CSS. */

.section_contact5 .w-input,
.section_contact5 .w-select,
.section_contact-v2 .w-input,
.section_contact-v2 .w-select,
.form_contact-v2 .w-input,
.contact_form .w-input,
.input-field.w-input,
.input_v2.w-input,
.contact_form-input.w-input,
.w-form .input-field,
.w-form .input_v2,
.w-form .contact_form-input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
  height: auto !important;
  min-height: 3.5rem !important;
  padding: 0.95rem 0.85rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.45 !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0.35rem !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease !important;
  color-scheme: dark;
}

.section_contact5 textarea.w-input,
.form_contact-v2 textarea.w-input,
.contact_form textarea.w-input,
.input-field.w-input.text-area,
.input_v2.w-input.text-area,
.contact_form-input.is-message.w-input {
  min-height: 8rem !important;
  resize: vertical;
}

.section_contact5 .w-input::placeholder,
.section_contact-v2 .w-input::placeholder,
.form_contact-v2 .w-input::placeholder,
.contact_form .w-input::placeholder,
.input-field.w-input::placeholder,
.input_v2.w-input::placeholder,
.contact_form-input.w-input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}

.section_contact5 .w-input:hover,
.form_contact-v2 .w-input:hover,
.contact_form .w-input:hover,
.input-field.w-input:hover,
.input_v2.w-input:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.section_contact5 .w-input:focus,
.section_contact-v2 .w-input:focus,
.form_contact-v2 .w-input:focus,
.contact_form .w-input:focus,
.input-field.w-input:focus,
.input_v2.w-input:focus,
.contact_form-input.w-input:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #e57451 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #e57451 !important;
}

/* Autofill: keep white text on dark fill */
.section_contact5 .w-input:-webkit-autofill,
.section_contact5 .w-input:-webkit-autofill:hover,
.section_contact5 .w-input:-webkit-autofill:focus,
.section_contact-v2 .w-input:-webkit-autofill,
.section_contact-v2 .w-input:-webkit-autofill:hover,
.section_contact-v2 .w-input:-webkit-autofill:focus,
.form_contact-v2 .w-input:-webkit-autofill,
.form_contact-v2 .w-input:-webkit-autofill:hover,
.form_contact-v2 .w-input:-webkit-autofill:focus,
.contact_form .w-input:-webkit-autofill,
.contact_form .w-input:-webkit-autofill:hover,
.contact_form .w-input:-webkit-autofill:focus,
.input-field.w-input:-webkit-autofill,
.input-field.w-input:-webkit-autofill:hover,
.input-field.w-input:-webkit-autofill:focus,
.input_v2.w-input:-webkit-autofill,
.input_v2.w-input:-webkit-autofill:hover,
.input_v2.w-input:-webkit-autofill:focus,
.contact_form-input.w-input:-webkit-autofill,
.contact_form-input.w-input:-webkit-autofill:hover,
.contact_form-input.w-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0.35rem !important;
  transition: background-color 99999s ease-out 0s !important;
  box-shadow: 0 0 0 1000px #101820 inset !important;
  -webkit-box-shadow: 0 0 0 1000px #101820 inset !important;
}

.w-form .g-recaptcha {
  margin: 0.75rem 0 1rem;
}

/* Success / error — readable on dark contact footers */
.section_contact5 .w-form-done,
.section_contact-v2 .w-form-done,
.form_contact-v2 + .w-form-done,
.form_contact-v2 ~ .w-form-done,
.contact_form ~ .w-form-done,
.w-form .w-form-done,
.w-form .success-message,
.w-form .success-message-2,
.w-form .success-message-5,
.w-form .form_message-success {
  display: none; /* JS toggles to block */
  background: rgba(16, 24, 32, 0.92) !important;
  border: 1px solid rgba(229, 116, 81, 0.65) !important;
  border-radius: 0.5rem !important;
  padding: 1.35rem 1.5rem !important;
  margin: 0.5rem 0 1rem !important;
  text-align: left !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.w-form .w-form-done[style*="display: block"],
.w-form .w-form-done[style*="display:block"] {
  display: block !important;
}

.section_contact5 .w-form-done div,
.section_contact-v2 .w-form-done div,
.w-form .w-form-done div,
.w-form .success-message div,
.w-form .success-message-2 div,
.w-form .success-message-5 div,
.w-form .form_message-success div,
.w-form .success-text,
.w-form .text-block-9 {
  color: #ffffff !important;
  font-family: Cabin, Roboto, sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em;
}

.section_contact5 .w-form-fail,
.section_contact-v2 .w-form-fail,
.w-form .w-form-fail,
.w-form .error-message,
.w-form .form_message-error {
  background: rgba(80, 20, 20, 0.92) !important;
  border: 1px solid rgba(255, 120, 120, 0.7) !important;
  border-radius: 0.5rem !important;
  padding: 1rem 1.25rem !important;
  color: #fff !important;
}

.w-form .w-form-fail div,
.w-form .error-text {
  color: #ffffff !important;
  font-family: Cabin, Roboto, sans-serif !important;
  font-size: 1rem !important;
}

.w-form .w-form-done.is-visible,
.w-form .w-form-fail.is-visible {
  display: block !important;
}