/* ============================================================
   BOLTON Signal — tpl-rfq.css
   RFQ template: 2-col form on desktop, single-col on mobile. Styles
   the BOLTON RFQ plugin form and the contact + brands template forms
   that reuse .field markup. Dark-first. (Obsolete YITH fallback-form
   styles removed in v0.1.3 — the single RFQ path is the plugin shortcode.)
   ============================================================ */
@layer templates {

	.rfq-section { padding-top: var(--bx-sp-40); }

	/* ---------- Form wrapper width ---------- */
	.rfq-form { max-width: var(--bx-wide); margin-inline: auto; }

	.rfq-form__note,
	.contact-form__note { text-align: left; margin-bottom: var(--bx-sp-40); }

	/* ---------- Fieldsets ---------- */
	.rfq-fieldset {
		border: 1px solid var(--bx-navy-line); border-radius: var(--bx-radius-lg);
		padding: var(--bx-sp-40); margin: 0 0 var(--bx-sp-40);
		background: var(--bx-surface);
	}
	.rfq-fieldset__legend {
		padding: 0 0.6rem;
		font: 600 var(--bx-fs-xs)/1 var(--bx-font-mono);
		letter-spacing: 0.12em; text-transform: uppercase; color: var(--bx-accent-strong);
	}

	/* ---------- 2-col grid (single col on mobile) ---------- */
	.rfq-grid { display: grid; gap: 0 var(--bx-sp-40); grid-template-columns: 1fr; }
	@media (min-width: 720px) { .rfq-grid { grid-template-columns: 1fr 1fr; } }
	.rfq-field--full { grid-column: 1 / -1; }

	.rfq-req { color: var(--bx-accent-strong); }

	/* ---------- Consent + actions ---------- */
	.rfq-consent .rfq-consent__label,
	.contact-consent .contact-consent__label {
		display: flex; gap: 0.6rem; align-items: flex-start;
		font-size: var(--bx-fs-sm); color: var(--bx-contrast-midtone); font-weight: 400;
		cursor: pointer;
	}
	.rfq-consent input[type="checkbox"],
	.contact-consent input[type="checkbox"] { width: auto; margin-top: 0.2rem; accent-color: var(--bx-accent-strong); }

	.rfq-form__actions,
	.contact-form__actions { margin-top: var(--bx-sp-40); }
}