.news-gradient-bg {
  background: linear-gradient(135deg, #1b5e20 0%, #2757a0 100%) !important;
}

/* ==========================================================================
   NEWS SECTION (GRADIENT BACKGROUND)
   ========================================================================== */


.news-card {
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 12px !important;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1) !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
  cursor: pointer !important;
}

.news-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15) !important;
}


.news-card .news-img-box {
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}

.news-card .news-img-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.news-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.news-meta .news-icon {
  width: 14px !important;
  height: 14px !important;
  color: #1b5e20 !important;
}

.news-meta .news-date {
  color: #1b5e20 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.news-title {
  color: #111111 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.featured-news .news-img-box {
  height: 330px !important;
}

.featured-news .news-title {
  font-size: 18px !important;
}

.news-list-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.list-news {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  margin-bottom: 0 !important;
}

.list-news .news-img-box {
  width: 190px !important;
  height: 114px !important;
  flex-shrink: 0 !important;
  margin-bottom: 0 !important;
}

.list-news .news-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.list-news .news-title {
  font-size: 14px !important;
  margin-bottom: 12px !important;
}

.news-list-wrapper .list-news {
  opacity: 0;
  transform: translateX(-40px);
}

/* Chạy animation khi wrapper xuất hiện trong viewport */
.news-list-wrapper.is-visible .list-news {
  animation: newsFadeInLeft 0.7s ease-out forwards;
}

/* Card 1 */
.news-list-wrapper.is-visible .list-news:nth-child(1) {
  animation-delay: 0.1s;
}

/* Card 2 */
.news-list-wrapper.is-visible .list-news:nth-child(2) {
  animation-delay: 0.3s;
}

/* Card 3 */
.news-list-wrapper.is-visible .list-news:nth-child(3) {
  animation-delay: 0.5s;
}

@keyframes newsFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ==========================================================================
   HEADER BAR (TẤT CẢ TIN & SẮP XẾP)
   ========================================================================== */
.news-header-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}


.news-header-bar .title {
  color: #1e4670 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  width: 250px !important;
}


.news-header-bar .sort-box {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

.news-header-bar .sort-box .lbl {
  color: #555555 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.news-header-bar .sort-box br {
  display: none !important;
}

select.sort-select {
  margin-bottom: 0 !important;
}

.news-header-bar .sort-select {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 8px 30px 8px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  cursor: pointer !important;
  outline: none !important;
}

/* ==========================================================================
   LƯỚI BLOG POSTS (FLATSOME OVERRIDE)
   ========================================================================== */


.imexco-all-news .box {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  padding: 12px !important;
  box-shadow: none !important;
  transition: transform 0.3s ease !important;
}

.imexco-all-news .box:hover {
  transform: translateY(-4px) !important;
}


.imexco-all-news .box-image {
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}

.imexco-all-news .box-image img {
  border-radius: 6px !important;
}


.imexco-all-news .badge {
  display: none !important;
}


.imexco-all-news .box-text {
  padding: 0 !important;
  background-color: transparent !important;
}


.imexco-all-news .post-title {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #111111 !important;
  margin-bottom: 8px !important;
}


.imexco-all-news .post-meta .meta-author,
.imexco-all-news .post-meta .meta-comments,
.imexco-all-news .tx-div {
  display: none !important;
}


.imexco-all-news .post-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 13px !important;
  color: #7b8b9e !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}


.imexco-all-news .post-meta::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B8B9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ==========================================================================
   PHÂN TRANG (PAGINATION) CHUẨN FIGMA
   ========================================================================== */

.imexco-all-news .nav-pagination {
  margin-top: 40px !important;
  padding-bottom: 20px !important;
}


.imexco-all-news .nav-pagination>ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  border: none !important;
  width: 100% !important;
}

.imexco-all-news .page-numbers li {
  margin: 0 !important;
}


.imexco-all-news .page-numbers li a.page-number,
.imexco-all-news .page-numbers li span.current {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #5a677d !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
}


.imexco-all-news .page-numbers li span.current {
  background: linear-gradient(135deg, #1b5e20 0%, #2757a0 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}


.imexco-all-news .page-numbers li a.page-number:hover {
  color: #1b5e20 !important;
  background-color: #f1f5f9 !important;
}

/* ==========================================================================
   NÚT PREVIOUS & NEXT
   ========================================================================== */


.imexco-all-news .page-numbers li a.prev i,
.imexco-all-news .page-numbers li a.next i {
  display: none !important;
}


.imexco-all-news .page-numbers li a.prev,
.imexco-all-news .page-numbers li a.next {
  width: auto !important;
  background: transparent !important;
  color: #5a677d !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}


.imexco-all-news .page-numbers li a.prev::before {
  content: '← Previous' !important;
}


.imexco-all-news .page-numbers li a.next::after {
  content: 'Next →' !important;
}


.imexco-all-news .nav-pagination>ul li:has(a.prev) {
  margin-right: auto !important;
}

.imexco-all-news .nav-pagination>ul li:has(a.next) {
  margin-left: auto !important;
}


.imexco-all-news .page-numbers li a.prev:hover,
.imexco-all-news .page-numbers li a.next:hover {
  color: #1b5e20 !important;
  background: transparent !important;
}

/* ==========================================================================
   TÙY CHỈNH SIDEBAR TIN TỨC (BÀI VIẾT LIÊN QUAN)
   ========================================================================== */
.sidebar-title {
  color: #1e4670 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}


.news-sidebar-list .box-image {
  width: 40% !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.news-sidebar-list .post-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
}


.news-sidebar-list .post-meta {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 12px !important;
  color: #7b8b9e !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}


.news-sidebar-list .post-meta::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B8B9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ==========================================================================
   KHUNG "LƯU Ý QUAN TRỌNG" TRONG NỘI DUNG BÀI VIẾT
   ========================================================================== */
.news-important-note {
  background-color: #f8f9fa;
  border-left: 4px solid #1b5e20;
  padding: 15px 20px;
  border-radius: 0 8px 8px 0;
  margin: 25px 0;
}

.news-important-note h4 {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #111111;
  margin-top: 0;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.news-important-note p {
  margin: 0;
  font-size: 15px;
  color: #444444;
}

/* ==========================================================================
   RESPONSIVE MOBILE
   ========================================================================== */
@media (max-width: 849px) {

  .list-news {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .list-news .news-img-box {
    width: 100% !important;
    height: 200px !important;
  }

  .news-header-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
  }
}