/* UT Form — khối nhắc lại email của khách trong message sau submit
   (class UT_Confirm_Email). Nạp theo fluentform/rendering_form: message
   được tiêm bằng ajax nên style phải có sẵn từ lúc render form.

   Đặc thù: message nằm trong .entry-content của theme, nơi có rule
   `.entry-content p` (0,1,1) đè margin. Mọi selector p ở đây phải là
   `.utf-confirm p.utf-confirm__x` (0,2,1) mới thắng — xem memory
   homepage-tca-badge. */

.utf-confirm {
	margin: 18px 0;
	padding: 14px 16px;
	text-align: left;
	background: var(--color-bg-alt, #f8f9fa);
	border: 1px solid var(--color-border, #e5e7eb);
	border-left: 3px solid var(--color-brand, #0088b0);
	border-radius: 8px;
}

.utf-confirm p.utf-confirm__lead {
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
	color: var(--color-text-muted, #6b7280);
}

.utf-confirm p.utf-confirm__addr {
	margin: 3px 0 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--color-text, #222);
	overflow-wrap: anywhere;
	word-break: break-word;
}

.utf-confirm p.utf-confirm__note {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--color-text-muted, #6b7280);
}

.utf-confirm p.utf-confirm__note a {
	color: var(--color-brand, #0088b0);
	text-decoration: underline;
}

@media (max-width: 480px) {
	.utf-confirm { padding: 12px 13px; }
	.utf-confirm p.utf-confirm__addr { font-size: 17px; }
}