/* ---- Force white typography in the Elfsight Contact Form ---- */

/* 1) Override Elfsight CSS variables (most reliable) */
.eapps-form {
  --eapps-app-text-color: #ffffff;
  --eapps-form-field-text-color: #ffffff;
  --eapps-form-field-placeholder-color: #ffffff;
  --eapps-form-field-label-color: #ffffff;
  --eapps-form-button-text-color: #ffffff;
}

/* 2) Fallback selectors for different builds */
.eapps-form,
[class*="eapps-form"] .eapps-form__field-label,
[class*="eapps-form"] .eapps-form__label,
[class*="eapps-form"] .eapps-form__label-text,
[class*="eapps-form"] .eapps-form__error,
[class*="eapps-form"] .eapps-form__success,
[class*="eapps-form"] input,
[class*="eapps-form"] textarea,
[class*="eapps-form"] select,
[class*="eapps-form"] button {
  color: #ffffff !important;
}

/* Placeholders */
[class*="eapps-form"] input::placeholder,
[class*="eapps-form"] textarea::placeholder {
  color: #ffffff !important;
  opacity: 0.9;
}

/* Inputs: transparent background + white borders on dark layouts */
[class*="eapps-form"] input,
[class*="eapps-form"] textarea,
[class*="eapps-form"] select {
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  caret-color: #ffffff;
}

/* Submit button */
[class*="eapps-form"] .eapps-form__button {
  border: 1px solid #ffffff !important;
  background: transparent !important;
  color: #ffffff !important;
  transition: all .25s ease;
}
[class*="eapps-form"] .eapps-form__button:hover {
  background: #ffffff !important;
  color: #000000 !important;
}