/* news.css — giao diện RIÊNG của module tin tức (tpl ở modules/news/). Lõi tự nạp tệp này theo tên module khi trang thuộc module news.
   Phần dùng chung nhiều module (mt-article, mt-listhead, mt-captcha, mt-print…) nằm ở css/src/55-content.css (đã gộp vào mt.css).
   Viết tay (không sinh); dùng token --mt-*, lớp BEM mt-newslist, mt-catblock, mt-newsblock, mt-result… */

/* Danh sách tin ----------------------------------------------------------------------------------------- */

.mt-newslist > * + * {
  margin-top: 1.5rem;
}

.mt-newslist .mt-card__title {
  overflow-wrap: anywhere;
}

.mt-newslist--rows {
  padding: .5rem 1.15rem;
  border: 1px solid var(--mt-border);
  border-radius: var(--mt-radius);
  background: var(--mt-bg-card);
}

.mt-newslist--rows .mt-list__item:first-child {
  padding-top: .8rem;
}

.mt-newslist--rows .mt-list__item:last-child {
  padding-bottom: .8rem;
}

.mt-newsrow__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem .5rem;
  margin-top: .3rem;
}

.mt-newsrow__meta:empty {
  display: none;
}

.mt-list__title {
  overflow-wrap: anywhere;
}

.mt-badge--hot {
  background: var(--mt-bg-chip);
  color: var(--mt-primary-strong);
  border-color: var(--mt-azure);
}

.mt-card__admin {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: var(--mt-fs-xs);
}

.mt-card__admin a,
.mt-article__admin a {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-right: .4rem;
  padding: .2rem .7rem;
  border: 1px solid var(--mt-border-strong);
  border-radius: var(--mt-radius-pill);
  background: #fff;
  color: var(--mt-text);
  font-size: var(--mt-fs-xs);
  text-decoration: none;
}

/* Thẻ lớn của trang chuyên mục (và thẻ đầu của khối chuyên mục con khi không có danh sách bên cạnh): nằm ngang từ 768 px */
@media (min-width: 48em) {
  .mt-newslist > .mt-card--featured,
  .mt-catblock__body:not(:has(.mt-catblock__rows)) .mt-card--featured {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }

  .mt-newslist > .mt-card--featured .mt-card__media,
  .mt-catblock__body:not(:has(.mt-catblock__rows)) .mt-card--featured .mt-card__media {
    min-height: 15rem;
    aspect-ratio: auto;
  }

  .mt-newslist > .mt-card--featured .mt-card__media img,
  .mt-catblock__body:not(:has(.mt-catblock__rows)) .mt-card--featured .mt-card__media img {
    position: absolute;
    inset: 0;
  }

  .mt-newslist > .mt-card--featured .mt-card__body,
  .mt-catblock__body:not(:has(.mt-catblock__rows)) .mt-card--featured .mt-card__body {
    justify-content: center;
    padding: 1.5rem;
  }
}

.mt-newsmore {
  margin-top: 2rem;
}

/* Khối chuyên mục con (viewcat_main_*, hai cột) ----------------------------------------------------------- */

.mt-catblocks {
  display: grid;
  gap: 2.25rem;
  margin-top: 2rem;
}

.mt-catblocks--two {
  gap: 2rem;
}

@media (min-width: 40em) {
  .mt-catblocks--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mt-catblock__slot:empty {
  display: none;
}

.mt-catblock .mt-section__title a {
  color: inherit;
  text-decoration: none;
}

.mt-catblock .mt-section__title a:hover,
.mt-catblock .mt-section__title a:focus {
  text-decoration: underline;
}

.mt-catblock__subs {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  margin: 0;
  padding: 0 0 .6rem;
  list-style: none;
  font-size: var(--mt-fs-sm);
}

.mt-catblock__subs a {
  color: var(--mt-text-muted);
  font-weight: 600;
  text-decoration: none;
}

.mt-catblock__subs a:hover,
.mt-catblock__subs a:focus {
  color: var(--mt-link);
  text-decoration: underline;
}

.mt-catblock__subs .mt-section__more {
  padding-bottom: 0;
  color: var(--mt-link);
}

.mt-catblock__body {
  display: grid;
  gap: 1.25rem;
  align-items: start;
}

.mt-catblock__rows {
  padding: .25rem 0;
}

.mt-catblock .mt-card--featured .mt-card__title {
  font-size: var(--mt-fs-xl);
}

.mt-catblock .mt-card--featured .mt-card__media {
  aspect-ratio: 16 / 10;
}

@media (min-width: 48em) {
  .mt-catblocks--right .mt-catblock__body,
  .mt-catblocks--left .mt-catblock__body {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }

  .mt-catblocks--left .mt-catblock__body {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }

  .mt-catblocks--left .mt-catblock__lead {
    order: 2;
  }
}

/* Các block tin ở cột phụ / vị trí block (mt-newsblock, mt-newscenter, mt-headline, mt-catmenu, mt-commentblock) nằm ở mt.css (css/src/60-blocks.css)
   vì block của module news xuất hiện trên mọi trang, không chỉ trang của module news. */

/* Tìm kiếm trong module tin tức: biểu mẫu nâng cao (danh sách kết quả dùng chung: css/src/55-content.css) ----------- */

.mt-newssearch {
  margin-bottom: 2rem;
}

.mt-newssearch__hint {
  margin: 0 0 .75rem;
  font-weight: 600;
}

.mt-filter__field--wide {
  flex: 2 1 16rem;
}