/*
 * EC Quote — small additive layer for /get-your-free-quote/.
 *
 * The quote page REUSES contact.css for all shared grammar (hero, channel
 * cards, form fields, process stripe, CTA). This sheet only adds the two
 * things contact.css doesn't cover, both scoped under .ec-quote so nothing
 * leaks:
 *   1. The disabled "Request my quote" submit button (form is inert by
 *      design — submission is being wired up; honest non-submitting UI).
 *   2. The <select> timeline dropdown (native arrow affordance + full-width
 *      sizing matching the .ec-form-input fields).
 */

/* Disabled submit — the form is styled-only / non-submitting. */
.ec-quote .ec-cta-btn[disabled],
.ec-quote .ec-cta-btn:disabled {
	background: var(--ec-rule-dim) !important;
	color: var(--ec-text-dim) !important;
	cursor: not-allowed;
	opacity: 1;
	transform: none !important;
}
.ec-quote .ec-cta-btn[disabled]::after,
.ec-quote .ec-cta-btn:disabled::after {
	content: "";
}
.ec-quote .ec-cta-btn[disabled]:hover,
.ec-quote .ec-cta-btn:disabled:hover {
	background: var(--ec-rule-dim) !important;
	transform: none !important;
}

/* Timeline <select> — native dropdown with a custom caret. */
.ec-quote .ec-form-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 44px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2304171A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6 L8 10 L12 6'/></svg>");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px 16px;
	cursor: pointer;
}

/* Required-field asterisk — gold ink, sits beside its label. */
.ec-quote .ec-form-req {
	color: var(--ec-gold-text);
	font-weight: 700;
}

/* The quote form runs full-width inside the form section (no separate
 * narrative column on the form side), so let it span both grid tracks. */
@media ( min-width: 1024px ) {
	.ec-quote .ec-contact-form-section {
		grid-template-columns: 5fr 7fr;
	}
}

/* --- Submission UI (added with the code-owned handler) ----------------- */

/* Honeypot — visually + a11y hidden, but NOT display:none (bots skip those).
 * A real visitor never sees or fills #ec_hp_url; a bot that fills it is dropped. */
.ec-quote .ec-hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Inline status banners (?quote=sent / ?quote=error). */
.ec-quote .ec-form-success,
.ec-quote .ec-form-error {
	margin: 0 0 28px;
	padding: 16px 20px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.5;
	border: 1px solid transparent;
}
.ec-quote .ec-form-success {
	background: var(--ec-green-tint);
	border-color: var(--ec-green);
	color: var(--ec-green-ink, #0a3d2c);
}
.ec-quote .ec-form-error {
	background: #fbeaea;
	border-color: #e3b3b3;
	color: #8a1c1c;
}
.ec-quote .ec-form-success a,
.ec-quote .ec-form-error a {
	color: inherit;
	text-decoration: underline;
	font-weight: 600;
}