/**
 * Form "Nhận báo giá" dùng chung ([ddg_quote_form], mu-plugins/ddg-platform/leads.php) — PRODUCT-LEAD.
 * Chỉ lo bố cục khối form; ô nhập/nút/alert do components.css (DESIGN): .ddg-field .ddg-label .ddg-input
 * .ddg-select .ddg-textarea .ddg-help .ddg-btn .ddg-alert. Mọi var() có giá trị dự phòng.
 * Audit: UI-U-10, CODE-03, PROD-M01. PLAN P3.6.
 */

.ddg-quote {
	position: relative;
	box-sizing: border-box;
	margin-block: var(--ddg-space-12, 48px);
	padding: var(--ddg-space-6, 24px) var(--ddg-space-4, 16px);
	border: 1px solid var(--ddg-line, #dfe3ea);
	border-radius: var(--ddg-radius-lg, 16px);
	background: var(--ddg-surface, #fff);
	box-shadow: var(--ddg-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.06));
	color: var(--ddg-ink-900, #1b1830);
	scroll-margin-top: 96px; /* #bao-gia không bị header dính che */
}

@media (min-width: 850px) {
	.ddg-quote {
		padding: var(--ddg-space-8, 32px);
	}
}

.ddg-quote__title {
	margin: 0 0 var(--ddg-space-2, 8px);
	color: var(--ddg-ink-900, #1b1830);
	font-family: var(--ddg-font-display, inherit);
	font-size: var(--ddg-fs-24, 24px);
	letter-spacing: 0;
	line-height: var(--ddg-lh-heading, 1.25);
	text-transform: none;
}

.ddg-quote__lead {
	margin: 0 0 var(--ddg-space-4, 16px);
	color: var(--ddg-ink-700, #3d3950);
	line-height: var(--ddg-lh-body, 1.7);
}

.ddg-quote__status .ddg-alert {
	margin-bottom: var(--ddg-space-4, 16px);
}

.ddg-quote__status .ddg-alert:focus {
	outline: none;
}

.ddg-quote__status .ddg-alert:focus-visible {
	outline: 3px solid var(--ddg-focus, #3666a3);
	outline-offset: 2px;
}

.ddg-alert__body p {
	margin: 0;
}

.ddg-alert__body p + p {
	margin-top: var(--ddg-space-1, 4px);
}

.ddg-alert__body a {
	font-weight: 600;
	text-decoration: underline;
}

.ddg-quote__form {
	margin: 0;
}

.ddg-quote__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: var(--ddg-space-4, 16px);
	align-items: start; /* ô có dòng gợi ý (SĐT) không kéo cao ô bên cạnh */
}

@media (min-width: 650px) {
	.ddg-quote__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.ddg-quote__grid .ddg-field--full {
		grid-column: 1 / -1;
	}
}

/* Dự phòng khi components.css chưa nạp */
.ddg-quote .ddg-field {
	display: grid;
	align-content: start;
	gap: 6px;
	margin: 0 0 var(--ddg-space-4, 16px);
}

.ddg-quote .ddg-label {
	margin: 0;
	font-size: var(--ddg-fs-14, 14px);
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.ddg-quote .ddg-req {
	color: var(--ddg-danger, #b42318);
}

.ddg-quote .ddg-field--consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.ddg-quote .ddg-field--consent input[type="checkbox"] {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: 1px 0 0;
	accent-color: var(--ddg-brand-600, #3666a3);
}

.ddg-quote .ddg-field--consent label {
	margin: 0;
	color: var(--ddg-ink-700, #3d3950);
	font-size: var(--ddg-fs-14, 14px);
	font-weight: 400;
	line-height: 1.55;
}

.ddg-quote__submit.ddg-btn {
	margin-top: var(--ddg-space-2, 8px);
}

.ddg-quote__alt {
	margin: var(--ddg-space-3, 12px) 0 0;
	color: var(--ddg-ink-700, #3d3950);
	font-size: var(--ddg-fs-14, 14px);
	text-align: center;
}

.ddg-quote__alt a {
	display: inline-block;
	padding-block: 8px; /* vùng chạm */
	color: var(--ddg-brand-700, #352d52);
	font-weight: 600;
	text-decoration: underline;
}

/* Trên nền tối (landing) */
.ddg-on-dark .ddg-quote,
.ddg-quote.ddg-quote--on-dark {
	color: var(--ddg-ink-900, #1b1830);
}