/* Brand-level overrides on top of Tailwind CDN. Most styling is utility-based;
   this file only handles things Tailwind config can't reach. */

[x-cloak] { display: none !important; }

/* Inputs use brand color on focus even when no Tailwind class hits them. */
input:focus, select:focus, textarea:focus {
  outline-color: #E6502D;
}

/* Smoother transitions for buttons and cards. */
button, a {
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.05s;
}
button:active {
  transform: scale(0.98);
}

/* Hide number-input spinners (cleaner look on mileage / year fields). */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }