/**
 * scn-cat-in — chuyên mục TRONG hình, tiêu đề DƯỚI hình.
 *
 * Phần chữ dùng lại đúng cách trình bày của scn-below; chỗ khác duy nhất là
 * nhãn chuyên mục chuyển lên nằm trên ảnh.
 */

.scn-cat-in .jacl-item__inner {
  display: block;
}

/* Mốc định vị cho nhãn chuyên mục. Bọc riêng chứ không đặt trên cả thẻ, để
   nhãn bám mép ảnh kể cả khi phần chữ bên dưới dài ngắn khác nhau. */
.scn-cat-in .scn-media-wrap {
  position: relative;
  margin-bottom: 12px;
}

.scn-cat-in .jacl-item__media {
  border-radius: 8px;
  margin-bottom: 0;
}

/* Không có ảnh thì khối bọc không còn việc gì, bỏ luôn khoảng cách thừa. */
.scn-cat-in:not(.has-media) .scn-media-wrap {
  margin-bottom: 0;
}

.scn-cat-in .jacl-item__body {
  padding: 0;
}

/* ------------------------------------------------------------- chuyên mục */

.scn-cat-in .scn-cat-top {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  max-width: calc(100% - 20px);
}

.scn-cat-in:not(.has-media) .scn-cat-top {
  position: static;
  margin-bottom: 8px;
}

.scn-cat-in .jacl-item__cat {
  position: static;
  margin: 0;
  padding-left: 0;
}

/* Nhãn đặc, đọc được trên mọi bức ảnh. */
.scn-cat-in .jacl-item__cat a {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 3px;
  background: var(--scn-badge, #d32f2f);
  color: var(--scn-badge-color, #fff);
  font-size: 10px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
}

.scn-cat-in .jacl-item__cat a:hover,
.scn-cat-in .jacl-item__cat a:focus {
  background: var(--scn-badge-hover, #b71c1c);
  color: var(--scn-badge-color, #fff);
}

/* ----------------------------------------------------------------- chữ */

.scn-cat-in .jacl-item__title {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 6px;
}

.highlight-item .scn-cat-in .jacl-item__title,
.scn-cat-in.is-lead .jacl-item__title {
  font-size: 1.45rem;
  line-height: 1.3;
}

@media (max-width: 1199px) {
  .highlight-item .scn-cat-in .jacl-item__title,
  .scn-cat-in.is-lead .jacl-item__title {
    font-size: 1.2rem;
  }
}

.scn-cat-in .jacl-item__title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.scn-cat-in .jacl-item__meta {
  margin-top: 6px;
  margin-bottom: 0;
}

.scn-cat-in .jacl-item__meta ul {
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
  opacity: .75;
}

@media (max-width: 767px) {
  .scn-cat-in .jacl-item__title {
    font-size: 15px;
  }
}

/* ------------------------------------------------------------- tóm tắt */

.scn-cat-in .jacl-item__introtext {
  margin: 0 0 6px;
  font-size: .88rem;
  line-height: 1.55;
  opacity: .8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.scn-cat-in .jacl-item__introtext p {
  margin-bottom: 0;
}

.highlight-item .scn-cat-in .jacl-item__introtext,
.scn-cat-in.is-lead .jacl-item__introtext {
  font-size: .95rem;
  -webkit-line-clamp: 5;
}