/* =============================================================================
   wp.css — phần riêng của bản WordPress, nạp SAU landing/css/style.css.
   style.css là bản chép nguyên từ landing-dark (qua build.py) — đừng sửa ở đó,
   lần chép sau sẽ mất. Mọi thứ chỉ WordPress mới cần thì để ở file này.
   ========================================================================== */

/* ---------- WordPress: thanh quản trị khi đang đăng nhập ---------- */
.admin-bar .nav      { top: 32px; }
.admin-bar .progress { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .nav      { top: 46px; }
  .admin-bar .progress { top: 46px; }
}
@media (max-width: 600px) {
  /* Dưới 600px thanh quản trị cuộn theo trang, không còn cố định */
  .admin-bar .nav, .admin-bar .progress { top: 0; }
}

/* ---------- Trang tông tối không có banner (Bộ sưu tập) ----------
   Thanh menu cố định cao 66px nên nội dung phải chừa chỗ phía trên. */
.page-dark {
  position: relative; z-index: 2;
  min-height: 72vh;
  padding-block: calc(66px + clamp(48px, 8vw, 96px)) clamp(76px, 11vw, 136px);
}
.page-dark .section__title { margin-bottom: .6em; }
.page-dark__empty { max-width: 58ch; color: var(--chu-phu); margin: 0 0 32px; }
.page-dark__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }

.nav__links a[aria-current="page"] { color: var(--tre-sang); border-bottom-color: var(--tre-sang); }

/* Ảnh đính kèm khi trang chưa có nội dung */
.album-grid {
  display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.album-grid__item {
  margin: 0;
  background: var(--nen-2);
  border: 1px solid var(--vien);
  border-radius: 3px;
  overflow: hidden;
}
.album-grid__item img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.album-grid__item figcaption { padding: 12px 16px; font-size: .88rem; color: var(--chu-phu); }

/* Nội dung soạn trong trình soạn thảo (khối Thư viện, đoạn văn…) */
.album-content { color: var(--chu-phu); }
.album-content > * + * { margin-top: 1.4em; }
.album-content h2, .album-content h3 { color: var(--chu); margin-top: 1.6em; }
.album-content .wp-block-gallery img { border-radius: 3px; }
.album-content figcaption { color: var(--chu-phu); font-size: .88rem; }

/* ---------- Menu 6 mục (thêm Blog) ----------
   Bản gốc 5 mục chỉ ẩn menu dưới 760px; thêm Blog thì từ khoảng 1000px trở xuống
   các mục bị gãy làm hai dòng. Không cho xuống dòng, khép khoảng cách ở khổ vừa,
   và dưới 960px ẩn hàng menu như khổ điện thoại. */
.nav__links a, .brand__text { white-space: nowrap; }
@media (max-width: 1100px) {
  .nav__links { gap: 18px; font-size: .86rem; }
}
@media (max-width: 960px) {
  .nav__links { display: none; }
  .nav__inner { justify-content: space-between; }
}

/* Chữ chỉ dành cho trình đọc màn hình — WordPress tự in lớp này
   (ví dụ tiêu đề "Điều hướng bài viết" trong phân trang). */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}