/* =========================================================================
   Làn `qa` (04/11/2026) — lỗi kỹ thuật/bố cục do công cụ quét toàn site tìm ra
   (webdesign/tools/webqa.js), KHÔNG phải góp ý khách.
   Báo cáo + số trước/sau: /data/kho/tuvangiaothong/2026-11-04/qa/BAO-CAO.md
   ========================================================================= */

/* [1] Thư viện ảnh khối (Gutenberg) có ảnh lẻ hàng: WordPress cho ảnh cuối `flex-grow:1` nên ảnh
   thứ 4 của lưới 3 cột giãn ra RỘNG CẢ BÀI (990×742 trên máy tính) — trông như lỗi dàn trang.
   22 bài tin có thư viện kiểu này. Giữ ảnh lẻ đúng cỡ một cột. */
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	flex-grow: 0;
}

/* [2] Thư viện ảnh cổ điển [gallery] 3 cột nhưng chỉ có 1–2 ảnh (14 dự án): ảnh nằm co ở 1/3 trái,
   2/3 còn lại trắng trơn. 1 ảnh ⇒ một ảnh vừa khung (không phóng quá cỡ gốc 768px);
   2 ảnh ⇒ chia đôi. Điện thoại ≤ 560px đã là 1 cột sẵn (brand.css). */
.entry-content .gallery:not(:has(> .gallery-item ~ .gallery-item)) {
	grid-template-columns: minmax(0, 768px);
}
@media (min-width: 561px) {
	.entry-content .gallery:has(> .gallery-item ~ .gallery-item):not(:has(> .gallery-item ~ .gallery-item ~ .gallery-item)) {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* [3] Vùng chạm trên điện thoại < 44px (Apple HIG / WCAG 2.5.5).
   ☰ chỉ 32×32 — nút dùng nhiều nhất trên điện thoại. */
@media (max-width: 1099px) {
	#the7-body .dt-mobile-menu-icon:not(.floating-btn) {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		box-sizing: border-box;
	}
	/* Email, điện thoại, nút EN ở đáy menu điện thoại: cao 22–25px, ngón tay bấm trượt sang dòng khác. */
	#the7-body .tdc-menu-chan a.tdc-menu-chan__dong,
	#the7-body .tdc-menu-chan .tdc-lang__muc {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}

/* [4] Trang 404: hàng lối tắt (inc/v5-qa.php) dưới ô tìm kiếm. */
.tdc-qa-404 { max-width: 760px; margin: 28px auto 0; text-align: center; }
.tdc-qa-404 p { margin: 0 0 12px; color: var(--tdc-muted); }
.tdc-qa-404 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.tdc-qa-404 li { margin: 0; padding: 0; }
.tdc-qa-404 a {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px;
	border: 1px solid var(--tdc-blue-ink); border-radius: 4px;
	color: var(--tdc-blue-ink); font-weight: 600; text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.tdc-qa-404 a:hover, .tdc-qa-404 a:focus-visible { background: var(--tdc-blue-ink); color: #fff; }

/* [5] Tương phản chữ dưới mức WCAG AA 4,5:1.
   Dòng "Chuyên mục: … • ngày" cuối bài tin là xám #999 cỡ 11px của The7 = 2,85:1 (146 trang VI+EN). */
#the7-body .post-meta .entry-meta,
#the7-body .post-meta .entry-meta a,
#the7-body .post-meta .entry-meta span,
#the7-body .post-meta .entry-meta time {
	color: var(--tdc-muted) !important;
	font-size: 13px;
}
#the7-body .post-meta .entry-meta a:hover { color: var(--tdc-blue-ink) !important; }
/* "N dự án tiêu biểu…" trên nền #F3F6F9 = 4,44; dòng gợi ý trên khung PDF nền sky = 4,22.
   Xám trung tính đậm hơn một nấc (không phải màu thương hiệu, không đổi sắc). */
#the7-body .tdc-dem-du-an,
#the7-body .tdc-pdf__che-phu { color: #555b5d; }

/* [6] Hai huy hiệu ISO / LAS-XD ở chân trang cao 34px — trên điện thoại cho đủ 44px. */
@media (max-width: 1099px) {
	.tdc-footer .tdc-footer__huy-hieu { min-height: 44px; }
}

/* [7] Liên hệ, điện thoại ≤ 600px: bảng thông tin dùng `table-layout:fixed` (v5-giaodien.css) mà không
   cột nào có bề rộng ⇒ cột nhãn bị bóp còn 3px, chữ "Điện thoại", "Mã số thuế"… đè lên giá trị
   (ảnh trước/sau trong báo cáo qa). Cho cột nhãn 1/3 bảng, được xuống dòng. */
@media (max-width: 600px) {
	#the7-body .tdc-lienhe__tin table th,
	#the7-body .tdc-lienhe__tin table tr > :first-child:not(:only-child) {
		width: 34% !important;
		white-space: normal !important;
	}
}