/* ==========================================================================
   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);
  }