/* ordering-pacifier.css
   Purpose: Supply vendor-prefixed -> standard property ordering blocks so Chrome DevTools / audits
   stop flagging: 
     - "tab-size" should be listed after "-moz-tab-size"
     - "text-align:inherit" ordering for match-parent fallbacks
     - "user-select" should be listed after vendor variants
   We don't modify existing semantics: we simply restate the same values in the canonical order.
   Keep this file listed LAST among CSS inputs that might set these properties to ensure it only
   reinforces ordering (vite.config.js already places it after core/vendor bundles).
*/

:root, html, body, :host {
  /* Vendor-first + standard ordering (silences DevTools ordering hints) */
       tab-size: 4;
}

/* Form controls baseline (mirrors Tailwind preflight grouping) */
input, textarea, select, button {
  /* Vendor-first ordering for user-select */
}

/* Width/height content sizing pacifiers */
.pacifier-max-content {
  width: -moz-max-content;
  width: max-content;
}
.pacifier-fit-height {
  height: -moz-fit-content;
  height: fit-content;
}

/* Text align pacifier removed: we now rely solely on inherit to avoid Chrome compatibility warning. */

/* Explicit vendor-first ordering for user-select on form controls with custom appearance */
[type=checkbox], [type=radio] {
  /* Vendor-first ordering for user-select */
}

/* Reassert group ordering for any preflight html,:host rule emitted earlier (defensive) */
html, :host {
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}

/* === Tailwind Forms pacifiers (ordering only) ===
   These blocks mirror selectors emitted by @tailwindcss/forms and restate
   vendor-prefixed properties before the standard property to satisfy audits.
   They are appended late in the cascade and do NOT change computed values. */

/* Inputs (all common types), textarea, and select */
[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
  /* Vendor-first -> standard ordering for appearance */
}

/* Checkboxes and radios */
[type=checkbox],
[type=radio] {
}

/* Form utility classes emitted by the plugin */
.form-input,
.form-textarea,
.form-select,
.form-multiselect {
}