/**
 * news-archive.css — trang archive danh mục tin (taxonomy.php, /danh-muc-tin-tuc/<term>/).
 * Module faculty-detail-page iteration 4. Enqueue CHỈ khi is_tax('news_category') — xem
 * hf_news_archive_assets() trong inc/faculty-detail.php.
 *
 * MỌI rule scope dưới .page-cate. Cố ý KHÔNG sửa main.css: `.department-activities` ở đó là
 * bundle legacy nạp cho TOÀN SITE (search.php cũng dùng), sửa trong đó là chạm 88 danh mục tin
 * + trang tìm kiếm cùng lúc.
 */

/* Thẻ không có ảnh: trước đây taxonomy.php ẩn luôn <div class="image"> → card mất khung ảnh,
 * chữ dồn lên trên và chừa mảng trắng lớn phía dưới (card vẫn cao bằng nhau vì .content
 * height:100%, nên triệu chứng là "lệch bố cục" chứ không phải "lệch chiều cao").
 * Nay luôn render ô ảnh; placeholder phủ kín khung 67.18% mà .image đã reserve sẵn.
 * Màu #eef1f6 = đúng màu placeholder khối tin trang khoa (faculty-detail.css) — dùng lại
 * cho nhất quán, KHÔNG đặt màu mới. */
.page-cate .department-activities .image .hf-listing-ph {
  position: absolute;
  inset: 0;
  display: block;
  background: #eef1f6;
}

/* ── Hero dải xanh: thu gọn + kiểu "eyebrow" (user chốt 2026-08-12) ────────────
 * Trước: dải xanh dính sát header, cao ~269px, h1 52px / h2 33px, CẢ HAI căn giữa
 * cùng màu trắng — và dòng NHỎ hơn lại là dòng VIẾT HOA (text-transform của main.css)
 * nên hai tín hiệu nhấn mạnh đánh nhau, nhìn như lỗi hơn là chủ ý.
 *
 * Nay theo mẫu eyebrow chuẩn:
 *   h2 "Tin tức & Sự kiện" = nhãn nhỏ, VIẾT HOA, giãn ký tự, mờ bớt → vai trò phụ đề.
 *   h1 tên danh mục        = dòng lớn nhất, đậm, BỎ viết hoa (dễ đọc, hết chỏi với nhãn).
 * Dải xanh giữ mức thấp (~130px) và DÍNH SÁT header — user bỏ khoảng hở phía trên
 * (2026-08-12, sau khi xem thử bản có hở 20px).
 *
 * Ghi đè `.page-title` của main.css nhưng scope `.page-cate` → các trang khác dùng
 * chung `.page-title` (department-detail, page-search…) KHÔNG bị ảnh hưởng, và file này
 * chỉ enqueue khi is_tax('news_category'). */
.page-cate .page-title .p-container { padding-top: 26px; padding-bottom: 30px; }

/* Kéo lưới tin lên sát dải xanh: main.css để `.department-activities .container-fluid`
 * padding-top 150px (desktop) → khoảng trắng gần bằng cả dải xanh. Giảm còn 64px.
 * Chỉ giảm padding TRÊN; padding dưới giữ nguyên 150px để footer không bị dính lưới. */
.page-cate .department-activities .container-fluid { padding-top: 64px; }
.page-cate .page-title h2 {
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .75;
  padding: 0 0 10px;
}
/* text-transform:none — ghi đè uppercase của main.css: tên danh mục dài (vd "Ngôn ngữ và
 * văn hóa phương đông") viết hoa toàn bộ vừa khó đọc vừa tranh nhấn mạnh với nhãn. */
.page-cate .page-title h1 {
  font-size: 34px;
  line-height: 1.25;
  text-transform: none;
  padding: 0;
}

@media only screen and (max-width: 1023px) {
  .page-cate .page-title .p-container { padding-top: 20px; padding-bottom: 22px; }
  .page-cate .department-activities .container-fluid { padding-top: 46px; } /* main.css: 110px */
  .page-cate .page-title h2 { font-size: 12px; letter-spacing: 1.6px; padding: 0 0 8px; }
  .page-cate .page-title h1 { font-size: 26px; line-height: 1.25; padding: 0; }
}

@media only screen and (max-width: 767px) {
  .page-cate .page-title .p-container { padding-top: 16px; padding-bottom: 18px; }
  .page-cate .department-activities .container-fluid { padding-top: 34px; } /* main.css: 60px */
  .page-cate .page-title h2 { font-size: 11px; letter-spacing: 1.4px; padding: 0 0 6px; }
  .page-cate .page-title h1 { font-size: 21px; line-height: 1.25; padding: 0; }
}