/* =============================================================
   Chogia V2 — lớp tinh chỉnh giao diện cho BẢNG GIÁ (code-gia)
   -------------------------------------------------------------
   code-gia là thành phần CHỈ ĐỌC (không được sửa), nên mọi điều
   chỉnh hiển thị để khớp theme mới đặt ở đây. File này được nạp
   SAU CSS của code-gia (phụ thuộc handle 'bang_gia' / 'home_price_table')
   nên các luật dưới đây thắng mà không cần !important.

   Selector chính của code-gia (tham chiếu khi cần chỉnh màu/nền):
     #gia_ngoai_te_tu_do_home, #gia_vang_tu_do_home  (bảng trang chủ, nền #13212F)
     td.price-up      -> giá tăng (mặc định #16C784 xanh)
     td.price-down    -> giá giảm (mặc định #FF0000 đỏ)
     td.price         -> ô giá
   ============================================================= */

/* 1) Đồng bộ font: để bảng giá dùng đúng font của theme (Roboto),
      tránh bị kẹt font khác nếu code-gia thêm quy tắc font sau này. */
#gia_ngoai_te_tu_do_home,
#gia_vang_tu_do_home,
.bang-gia,
.table-bang-gia {
	font-family: inherit;
}

/* 2) An toàn responsive: bảng giá thường nhiều cột, tránh vỡ layout
      trên màn nhỏ bằng cách cho cuộn ngang trong khung của nó. */
#gia_ngoai_te_tu_do_home,
#gia_vang_tu_do_home {
	max-width: 100%;
}

/* 3) (Tùy chọn) Bỏ comment và chỉnh nếu muốn màu tăng/giảm khớp
      bảng tỷ giá sẵn có của theme (xanh #3c763d / đỏ #a94442):
   #gia_ngoai_te_tu_do_home td.price-up,
   #gia_vang_tu_do_home td.price-up   { color: #3c763d; }
   #gia_ngoai_te_tu_do_home td.price-down,
   #gia_vang_tu_do_home td.price-down { color: #a94442; }
*/

/* 4) (Tùy chọn) Nếu muốn đổi nền tối của bảng trang chủ cho khớp
      tông đỏ #710000 của theme:
   #gia_ngoai_te_tu_do_home tr th,
   #gia_vang_tu_do_home tr th { background-color: #710000; }
*/

/* =============================================================
   5) NHÁY XANH/ĐỎ cho bảng giá Chợ Đen — thêm 08/11/2026
   -------------------------------------------------------------
   Tách bạch hai tín hiệu, đừng gộp:
     • MÀU CHỮ  (td.price-up / td.price-down) = hướng THẬT của phiên,
       do máy chủ đặt, đứng yên suốt phiên. Sáng so phiên đóng hôm qua,
       chiều so phiên sáng. Đây là thông tin, phải đúng.
     • CHỚP NỀN (td.cg-nhay-len / .cg-nhay-xuong) = nhịp sống, bật tắt
       theo từng lần số nhảy. Đây là cảm giác, không mang thông tin.
   Trước đây code-gia định dùng CHÍNH class màu chữ để nhấp nháy
   (`removeClass().addClass(...)`) — làm vậy thì nhịp sống GHI ĐÈ lên
   xu hướng thật, và `removeClass()` không tham số còn xoá sạch cả
   class `price`. Hai dòng đó đã bị comment sẵn trong code-gia; ta
   KHÔNG bỏ comment, mà phủ lớp nền riêng ở đây.
   ============================================================= */
@keyframes cg-nhay-len {
	0%   { color: #16C784; background-color: rgba(22, 199, 132, .20); }
	70%  { color: #16C784; background-color: rgba(22, 199, 132, .10); }
	100% { background-color: transparent; }
}
@keyframes cg-nhay-xuong {
	0%   { color: #EA3943; background-color: rgba(234, 57, 67, .20); }
	70%  { color: #EA3943; background-color: rgba(234, 57, 67, .10); }
	100% { background-color: transparent; }
}
/* 🔴🔴 Sửa 12/11/2026 — Sếp báo "nhấp nháy khiếp quá, gây ức chế người xem".
   Đo thật trên `#text-9` (Playwright, 36 ảnh cách 80ms): 22,64% điểm ảnh đổi
   mỗi 80ms, đỉnh 43,04%, 18/29 khung đổi >10%. Đối chứng tắt riêng hai dòng
   animation này: tụt còn 0,43% / 0 khung ⇒ chính lớp chớp này là thủ phạm,
   không phải phần chữ số nhảy.
   Gốc rễ nằm ở JS (xem `js/nhay-gia.js` v2.0.0): nó chớp theo nhiễu trang trí
   400ms của code-gia, mà animation 0,55s chưa tàn đã bị khởi động lại.
   Nay JS chỉ chớp khi GIÁ MÁY CHỦ đổi thật (nhiều nhất 1 lần/8 giây/ô), nên
   ở đây kéo 0,55s → 1,1s: hiếm thì phải đọc ra là một nhịp đập mượt. */
td.price.cg-nhay-len   { animation: cg-nhay-len   1.1s ease-out; }
td.price.cg-nhay-xuong { animation: cg-nhay-xuong 1.1s ease-out; }

/* 🔴 Sửa 08/11/2026 lần 2 — Sếp vẫn báo "chưa thấy xanh đỏ".
   Bản đầu chỉ chớp NỀN, chữ giữ nguyên đen #222 ⇒ nhìn ra như **bôi
   highlight một ô**, không ra bảng giá đang chạy. Ảnh chụp thật xác nhận:
   ô có nền hồng/xanh kín mà số vẫn đen.
   ⇒ Nay chớp **CHÍNH CON SỐ** (color) là chủ đạo, nền chỉ còn vệt mờ 20%
   làm nền đỡ. Đây mới là cái mắt người đọc nhận ra là "giá đang nhảy".
   Màu chữ THẬT của phiên (`price-up`/`price-down`) vẫn thắng khi hết chớp,
   vì animation kết thúc là trả `color` về giá trị của class gốc. */

/* Người dùng bật "giảm chuyển động" trong hệ điều hành thì tắt chớp —
   vẫn giữ nguyên màu chữ nên không mất thông tin nào. */
@media (prefers-reduced-motion: reduce) {
	td.price.cg-nhay-len,
	td.price.cg-nhay-xuong { animation: none; }
}