/* =========================================================================
   MR.Vũ — Sửa 2 lỗi khả năng tiếp cận (accessibility) theo báo cáo kiểm tra.
   ====================================================================== */

/*
 * LỖI 1: "Background and foreground colors do not have a sufficient
 * contrast ratio" — nút hotline "09.1102.1102" ở menu trên cùng.
 *
 * Chữ trắng trên nền be (#CBA789) chỉ đạt tỉ lệ tương phản 2.23:1, trong
 * khi chuẩn WCAG AA yêu cầu tối thiểu 4.5:1 cho chữ cỡ này — người mắt
 * yếu rất khó đọc được số điện thoại.
 *
 * Cách sửa: GIỮ NGUYÊN màu nền be (không đổi nhận diện thương hiệu của
 * nút này), chỉ đổi màu CHỮ sang đúng màu đỏ đô thương hiệu đã dùng ở 2
 * nút còn lại (#670001) — đạt 5.98:1, vượt chuẩn AA. Không cần thêm màu
 * mới nào, chỉ tái dùng màu đã có sẵn.
 */
.header_nav a.header_hotline {
	color: #670001 !important;
}

/*
 * LỖI 2: "Links rely on color to be distinguishable" — link trong đoạn
 * giới thiệu ở footer (ví dụ chữ "quạt trần đèn" dẫn về trang chủ).
 *
 * Theme đặt "text-decoration:none" cho MỌI link, chỉ hiện gạch chân khi
 * DI CHUỘT QUA (:hover) — nghĩa là ở trạng thái bình thường, link chỉ
 * được nhận biết qua màu chữ khác biệt. Người mù màu hoặc kém phân biệt
 * màu sắc không thấy được sự khác biệt này. Trạng thái hover cũng không
 * giúp được người dùng bàn phím hoặc cảm ứng (điện thoại/máy tính bảng).
 *
 * Cách sửa: thêm gạch chân THƯỜNG TRỰC (không cần hover) cho link nằm
 * trong nội dung dạng văn xuôi — cụ thể là các khối Text/HTML Widget
 * (class "textwidget" là class chuẩn của WordPress, tự động có sẵn cho
 * mọi Text Widget, không cần biết nội dung cụ thể bên trong). Không áp
 * dụng cho link dạng menu/nút (đã tự phân biệt được nhờ hình khối, không
 * chỉ dựa vào màu).
 */
.textwidget a,
.widget_text a {
	text-decoration: underline;
}
