/*
 * Maintained entry point for assets/css/nexdirectory-tailwind-compiled.css.
 * Run `npm install` and `npm run build:css` from the plugin root.
 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/*
 * A curated, plugin-scoped subset of Tailwind Preflight.
 *
 * Full Preflight is disabled because the plugin is embedded in arbitrary
 * WordPress themes. Tailwind utilities still depend on border-box sizing, a
 * solid border baseline, and neutral form controls, though. Keeping these
 * rules in the compiled base layer lets the plugin's component styles load
 * afterwards and override them normally.
 */
@layer base {
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }

  .nxd-ui :where(button, input, optgroup, select, textarea) {
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
  }

  .nxd-ui :where(
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"]
  ) {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-transform: none;
  }

  .nxd-ui :where(input, select, textarea) {
    border-style: solid;
  }

  .nxd-ui :where(
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    [role="button"]
  ):not(:disabled, [aria-disabled="true"]) {
    cursor: pointer;
  }
}
