/**
 * Request a Quote / Contact Us — the same visual language as the sell form.
 *
 * 🔴 SCOPED BY CLASS, NOT ID. The form's id is generated per page (`raq-3form`,
 * `raq-4form` observed in one session). An id selector would style the page you
 * tested and nothing else.
 *
 * ⛔ Deliberately does NOT touch `.activate-prices-form` or the Make an Offer
 * form. They were not in the brief, and every extra selector here is another
 * form that can be broken by a typo.
 *
 * Tokens read off the live theme, not invented: brand blue #32adfb, field
 * border #e3e6e8, Noto Sans body.
 */

/*
 * 🔴 THE CLASS IS DOUBLED ON PURPOSE — `.request-quote-form.request-quote-form`.
 *
 * v0.3.0 fixed this form's INPUTS by adding !important, and stopped there. The
 * `select` and `textarea` rules kept losing, because !important only gets you
 * to the specificity comparison and the theme's `body input[type="text"]` wins
 * at (0,1,2):
 *
 *     .request-quote-form input[type="text"]  -> (0,2,1)  won
 *     .request-quote-form select              -> (0,1,1)  LOST, silently
 *
 * So the country dropdown on the highest-volume form on the site kept the
 * theme's 3px while the text fields around it were 6px, from 2026-09-07 until
 * a specificity scanner in check-forms.php found it the same day.
 *
 * ⛔ Do not "clean up" the repetition.
 */

/*
 * 🔴 `!important` HERE IS LOAD-BEARING — do not "tidy" it away.
 *
 * The theme ships `body input[type="text"] { border-radius: 3px !important }`
 * in global.min.css. An !important declaration beats ANY specificity, so the
 * plain rule below was written, shipped, and silently did nothing: the computed
 * radius stayed 3px on both forms. It was only caught by reading
 * getComputedStyle on the live page — the form LOOKED improved because the
 * border colour, focus ring and spacing are not !important and did apply.
 *
 * ⛔ Only border-radius needs this. Everything else here wins normally.
 */
.request-quote-form.request-quote-form input[type="text"],
.request-quote-form.request-quote-form input[type="email"],
.request-quote-form.request-quote-form input[type="tel"],
.request-quote-form.request-quote-form select,
.request-quote-form.request-quote-form textarea {
	box-sizing: border-box;
	border: 1px solid #c4ccd3;
	background-color: #fff;
	padding: .6rem .7rem;
	font-size: 1rem;
	line-height: 1.4;
}

.request-quote-form.request-quote-form input[type="text"]:focus,
.request-quote-form.request-quote-form input[type="email"]:focus,
.request-quote-form.request-quote-form input[type="tel"]:focus,
.request-quote-form.request-quote-form select:focus,
.request-quote-form.request-quote-form textarea:focus {
	outline: 2px solid #1f4e79;
	outline-offset: 1px;
	border-color: #1f4e79;
}

/* The theme's own error class, given a visible treatment. Previously a rejected
 * submit printed a sentence and left you hunting for the field. */
.request-quote-form.request-quote-form .field-error {
	border-color: #9d3f28;
	background-color: #fdf6f4;
}

.request-quote-form.request-quote-form .submit-button,
.request-quote-form.request-quote-form button[type="submit"] {
	/* Measured off the sell form (#sm-1form) 2026-09-07, not invented.
	   ⛔ border-radius stays unset: the theme forces 10px !important and that
	   IS the sell form's radius, so matching means leaving it alone. */
	padding: .85rem 1.75rem;
	font-size: 1rem;
	font-weight: 600;
}


/*
 * 🔴 SELECTS: `background-color`, NEVER the `background` SHORTHAND.
 *
 * The theme draws the dropdown caret as a BACKGROUND IMAGE on `select`:
 *     select { background: url("../img/icons/select-arrow.png") ...;
 *              padding-right: 40px }
 * so `background: #fff` — the shorthand — resets background-image to none and
 * the caret vanishes. Country then reads as a plain text box, which is exactly
 * what happened: "make country look like a dropdown".
 *
 * ⛔ Two rules follow and both are load-bearing:
 *   1. use `background-color`, so the theme's caret image survives;
 *   2. keep the theme's 40px right padding, or the longest country name runs
 *      underneath the caret.
 *
 * 🔑 kd-model-pages styles NO selects at all — its seller form has none — so
 * "match the seller form" says nothing about selects. Matching the theme is
 * the right answer for them.
 */
.request-quote-form.request-quote-form select {
	padding-right: 40px;
}