/*
 * An Giang Mới — Theme V6 (copy từ wireframe, bỏ thanh review). Wireframe V6 "Gọn – dễ đọc".
 * Nạp SAU agm-v4.css và agm-v5.css: cùng token màu, cùng component; V6 chỉ giảm mật độ thông tin.
 * Nguyên tắc: mỗi tin 1 nhãn, mỗi khối 1 tin lớn + 4 tiêu đề, nhiều khoảng trắng hơn.
 */

/* Nhịp dọc thoáng hơn V5 */
.theme-v6 .v4-block { margin-bottom: 48px; }
.theme-v6 .v4-block-head { margin-bottom: 20px; }
.theme-v6 .v4-card h3 { font-size: 18.5px; }
.theme-v6 .v4-links li { padding: 12px 0; font-size: 16px; }
.theme-v6 .v4-mini h3 { font-size: 15.5px; }

/* Đầu khối: tên + "Xem thêm" (bỏ hàng chuyên mục con) */
.v6-head { align-items: center; flex-wrap: nowrap; }
.v6-more { flex: none; padding-bottom: 8px; color: var(--agm-jade-deep); font-size: 14px; font-weight: 700; white-space: nowrap; }

/* Header gọn */
.v6-topbar .v4-topbar__inner { min-height: 32px; justify-content: space-between; }
.v6-masthead .v4-masthead__inner { min-height: 84px; }
.v4-drop__place a::before { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--agm-pearl-deep); content: ''; vertical-align: 2px; }
.v6-focus .v4-topics__inner { min-height: 44px; gap: 14px; }
.v6-focus__label { flex: none; color: var(--agm-hot); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.v6-focus__list { gap: 0; font-size: 14px; font-weight: 600; white-space: nowrap; }
.v6-focus__list a + a::before { margin: 0 12px; color: var(--agm-line); content: '|'; }
.v6-pill::before { display: none; }

/* Cảnh báo 1 dòng */
.v6-alert .v4-alert__inner { padding: 8px 14px; }

/* Khối đầu: lead + 2 tin + "Mới nhất" (giờ + tiêu đề, không nhãn) */
.v6-latest { align-self: start; border-top: 3px solid var(--agm-primary); }
.v6-latest h2 { margin: 0; padding: 12px 0 6px; color: var(--agm-primary); font-size: 15px; font-weight: 800; text-transform: uppercase; }
.v6-latest ol { margin: 0; padding: 0; list-style: none; }
.v6-latest li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 8px; border-top: 1px solid var(--agm-line); padding: 11px 0; font-size: 14.5px; font-weight: 600; line-height: 1.42; }
.v6-latest li:first-child { border-top: 0; }
.v6-latest time { color: var(--agm-jade-deep); font-size: 12.5px; font-weight: 800; line-height: 1.7; }
.v6-latest__all { display: block; border-top: 1px solid var(--agm-line); padding-top: 10px; color: var(--agm-jade-deep); font-size: 13.5px; font-weight: 700; }

/* Dải tiện ích 1 hàng (thay 5 thẻ) */
.v6-utils { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; margin-top: 22px; border: 1px solid var(--agm-line); border-radius: 8px; background: #fff; padding: 10px 16px; }
.v6-utils ul { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 0; padding: 0; list-style: none; }
.v6-utils li a { display: inline-flex; align-items: baseline; gap: 8px; font-size: 14px; }
.v6-utils__icon { color: var(--agm-jade-deep); font-size: 16px; }
.v6-utils__label { color: var(--agm-muted); }
.v6-utils__hot { color: var(--agm-hot); font-size: 13.5px; font-weight: 700; }

/* Thân trang: sidebar mỏng, quảng cáo bám khi cuộn */
.theme-v6 .v6-body { padding-top: 22px; }
.v6-side__ad { position: sticky; top: 70px; padding-top: 0; }

/* Du lịch: 6 điểm đến, không tab, không hộp phụ */
.v6-travel { padding: 36px 0 40px; }
.v6-travel .v6-more { color: var(--agm-pearl); }
.v6-dest-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.v6-dest-grid .v5-dest .thumb { aspect-ratio: 3 / 4; }

/* Văn hóa: 1 tin lớn + 3 tin nhỏ */
.v6-culture { padding-top: 40px; }
.v6-culture__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; }
.v6-culture__grid > .v4-card h3 { font-size: 24px; }
.v6-culture__list { display: grid; align-content: start; gap: 18px; }

/* Tin theo khu vực: giữ bản đồ chọn vùng (V4/V5), panel gọn 1 tin lớn + 3 tiêu đề */
.v6-regions { margin-bottom: 48px; border-top: 1px solid var(--agm-line); border-bottom: 1px solid var(--agm-line); background: #fff; padding: 40px 0 44px; }
.v6-regions .v4-regions__grid { grid-template-columns: 400px minmax(0, 1fr); }
.v6-regions .v4-map { background: var(--agm-sand); }
.v6-regions__hint { flex: none; padding-bottom: 8px; color: var(--agm-muted); font-size: 13.5px; }
.v6-regions .v4-region-panel__head h3 { font-size: 22px; }
.v6-regions .v4-region-panel .v6-more { display: inline-block; margin-top: 10px; padding-bottom: 0; }

/* Multimedia: 1 hàng 4 thẻ trên nền sáng */
.v6-media__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.v6-media__thumb { position: relative; }
.v6-media__type { position: absolute; bottom: 8px; left: 8px; border-radius: 3px; background: rgba(0,0,0,.66); color: #fff; padding: 2px 7px; font-size: 11px; font-weight: 700; }
.v6-media__thumb::after { top: 6px; bottom: auto; }
.v6-media h3 { margin: 10px 0 0; font-size: 16px; font-weight: 700; line-height: 1.42; }

/* Bạn đọc: kêu gọi + 2 phản ánh mới, form đặt ở trang riêng */
.v6-reader { border-top: 1px solid var(--agm-line); background: #fff; padding: 40px 0 46px; }
.v6-reader__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 36px; }
.v6-reader__cta h2 { margin: 0 0 8px; color: var(--agm-primary); font-family: var(--agm-serif); font-size: 26px; }
.v6-reader__cta p { margin: 0 0 16px; color: var(--agm-muted); }
.v6-reader__cta .meta { display: block; margin-top: 10px; }
.v6-reader .v4-report:first-child { padding-top: 0; }
.v6-reader .v6-more { display: inline-block; margin-top: 12px; }

/* Footer 3 cột, thanh đáy 4 mục */
.v6-footer .v4-footer__grid { grid-template-columns: 1.4fr 1.2fr 1fr; }
.v6-footer__cats { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
.v6-bottom-nav ul { grid-template-columns: repeat(4, 1fr); }

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
  .v6-dest-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .v6-dest-grid .v5-dest .thumb { aspect-ratio: 4 / 3; }
}

@media (max-width: 980px) {
  .v6-side { grid-template-columns: minmax(0, 1fr); }
  .v6-side__ad { position: static; }
  .v6-media__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6-reader__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .v6-regions .v4-regions__grid { grid-template-columns: minmax(0, 1fr); }
  .v6-regions .v4-map { width: 100%; max-width: 480px; }
  .v6-footer .v4-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .v6-head { flex-direction: row; align-items: flex-end; border-bottom: 1px solid var(--agm-ink); }
  .v6-head::before { display: none; }
  .v6-culture__grid { grid-template-columns: minmax(0, 1fr); }
  .v6-utils { padding: 10px 14px; }
}

@media (max-width: 680px) {
  .theme-v6 .v4-block { margin-bottom: 38px; }
  .v6-dest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6-utils ul { flex-direction: column; gap: 6px; }
  .v6-regions .v4-region-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .v6-regions .v4-region-tabs button { flex: none; }
  .v6-regions__hint { display: none; }
  .v6-media__grid { gap: 16px 14px; }
  .v6-media h3 { font-size: 14.5px; }
  .v6-top .v4-stack .v4-card, .v6-regions .v4-region-panel .v4-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 12px; }
  .v6-top .v4-stack .v4-card .thumb, .v6-regions .v4-region-panel .v4-card .thumb { grid-row: 1 / 3; aspect-ratio: 4 / 3; }
  .v6-top .v4-stack .v4-card .kicker, .v6-regions .v4-region-panel .v4-card .kicker { margin-top: 0; }
  .v6-top .v4-stack .v4-card h3, .v6-regions .v4-region-panel .v4-card h3 { margin-top: 2px; font-size: 16px; }
  .v6-footer .v4-footer__grid { grid-template-columns: minmax(0, 1fr); }
}