/* news — trang Tin tức. Nạp SAU lpc-design-system.css.
   Chip ở đây là link (lọc chạy ở server) chứ không phải <button> như các trang
   khác, nên bỏ gạch chân và canh icon giống chip dạng nút. */
a.chip { display: inline-flex; align-items: center; text-decoration: none; }
a.chip:hover { color: var(--bs-heading-color); }
a.chip.active:hover { color: #fff; }

/* Phân trang theo màu LPC: ô vuông bo nhẹ như .chip, trang hiện tại nền navy
   (nền đỏ ở chế độ tối, giống .chip.active). */
.lpc-pager .pagination {
  --bs-pagination-color: var(--bs-heading-color);
  --bs-pagination-bg: var(--bs-tertiary-bg);
  --bs-pagination-border-color: transparent;
  --bs-pagination-hover-color: var(--bs-heading-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-heading-color);
  --bs-pagination-focus-bg: var(--bs-tertiary-bg);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--lpc-navy);
  --bs-pagination-active-border-color: var(--lpc-navy);
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: transparent;
  --bs-pagination-border-radius: 4px;
}
.lpc-pager .page-link { min-width: 2.5rem; text-align: center; border-radius: 4px; font-size: .875rem; }
[data-bs-theme="dark"] .lpc-pager .pagination {
  --bs-pagination-active-bg: var(--lpc-red);
  --bs-pagination-active-border-color: var(--lpc-red);
}

/* Ô tìm kiếm nằm cùng hàng tiêu đề khối, chừa cả hàng dưới cho 7 chip. */
@media (min-width: 576px) { .news-search { flex: 0 0 320px; } }