/*
 * Bayline Services — Get a Quote Form
 */

.bl-quote {
	background-color: var(--bl-bg-light);
}

.bl-quote__form {
	max-width: 860px;
	margin: 0 auto;
}

.bl-quote__fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.bl-quote__field--full {
	grid-column: 1 / -1;
}

.bl-quote__label {
	display: block;
	color: var(--bl-heading);
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 0.4rem;
}

.bl-quote__form input,
.bl-quote__form select,
.bl-quote__form textarea {
	box-sizing: border-box;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid var(--bl-border);
	border-radius: 6px;
	padding: 0.85rem 1rem;
	color: var(--bl-heading);
	font-family: inherit;
	font-size: 0.92rem;
	transition: border-color 0.15s ease;
}

.bl-quote__form select:invalid {
	color: var(--bl-muted);
}

.bl-quote__form input::placeholder,
.bl-quote__form textarea::placeholder {
	color: var(--bl-muted);
}

.bl-quote__form input:focus,
.bl-quote__form select:focus,
.bl-quote__form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--brand);
}

.bl-quote__form textarea {
	resize: vertical;
}

.bl-quote__submit {
	display: block;
	margin: 1.75rem auto 0;
	min-width: 240px;
	font-family: inherit;
}

.bl-quote__microcopy {
	color: var(--bl-muted);
	font-size: 0.85rem;
	text-align: center;
	margin: 1rem 0 0;
}

/* ---- Submission notices ---- */

.bl-quote__notice {
	grid-column: 1 / -1;
	border-radius: 6px;
	padding: 0.9rem 1.1rem;
	font-size: 0.92rem;
	font-weight: 500;
}

.bl-quote__notice--success {
	background-color: #e7f4ea;
	color: #1f6b34;
}

.bl-quote__notice--error {
	background-color: #fdecea;
	color: #a3352b;
}

@media (max-width: 599px) {
	.bl-quote__fields {
		grid-template-columns: 1fr;
	}
}