/* ==========================================================================
  FTS: compat-acf.css
  Purpose: Minimal compatibility for ACF front-end forms and field markup.
  Notes:
  - Keep this file small and deletable.
  ========================================================================== */


:where(.acf-form) {
  font-family: var(--font-sans);
  color: var(--color-text);
}

:where(.acf-form) :where(input, textarea, select, button) {
  font: inherit;
}

:where(.acf-form) :where(label) {
  font-weight: var(--weight-semibold);
}

:where(.acf-form) :where(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

:where(.acf-form) :where(input, textarea, select):focus-visible {
  outline: var(--fts-focus-width) solid var(--fts-focus-ring);
  outline-offset: var(--fts-focus-offset);
}