/* =========================================================
   CSS tối thiểu của plugin haitien-core.
   Chỉ khai báo thứ mà theme không thể đoán trước; toàn bộ
   bọc trong :where() nên độ ưu tiên = 0, CSS theme luôn thắng.
   Màu lấy từ tokens.css của theme — không có mã màu mới.
   ========================================================= */

/* Bảng so sánh cuộn ngang trên màn hình hẹp */
:where(.ht-compare__scroll) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

:where(.ht-compare__table) {
  width: 100%;
  border-collapse: collapse;
}

/* Ô có giá trị khác nhau giữa các sản phẩm → nền vàng nhạt */
:where(.ht-compare__cell--diff) {
  background: var(--ht-bg-soft);
  background: color-mix(in srgb, var(--ht-accent) 22%, var(--ht-bg-card));
}

/* Danh sách gợi ý tìm kiếm: ảnh 40px cố định để không giật layout */
:where(.ht-suggest__img) {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex: 0 0 40px;
}