/* --- TỔNG THỂ MODULE DANH SÁCH BÀI VIẾT --- */
.ArticleInMenu {
    background: #ffffff;
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
}

.ArticleInMenu .ArticleList {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* --- DÒNG BÀI VIẾT (ITEM) --- */
.ArticleInMenu li.row {
    display: flex; /* Sử dụng Flexbox thay vì float để tránh vỡ khung */
    clear: both;
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
}

.ArticleInMenu li.row:last-child {
    border-bottom: none;
}

/* Khung chứa ảnh */
.ArticleInMenu .col-lg-2 {
    width: 200px; /* Tăng độ rộng khung ảnh */
    flex-shrink: 0;
    margin-right: 20px;
}

.ArticleInMenu .image {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border: 1px solid #eee;
    padding: 3px;
    background: #fff;
    transition: 0.3s;
}

.ArticleInMenu li:hover .image {
    border-color: #0082e3;
}

/* Khung chứa nội dung */
.ArticleInMenu .col-lg-10 {
    flex-grow: 1;
}

/* Ngày đăng */
.ArticleInMenu .Ngaydang {
    font-size: 11px;
    color: #888;
    margin-bottom: 5px;
    font-style: italic;
}

/* Tiêu đề bài viết */
.ArticleInMenu .Title {
    margin: 0 0 10px 0;
    padding: 0;
}

.ArticleInMenu .Title a {
  
        color: #0082e3;
    font: bold 13pt Arial;
    text-decoration: none;
    line-height: 1.4;
    transition: 0.2s;
}

.ArticleInMenu .Title a:hover {
    color: #0082e3;
}

/* Mô tả ngắn (Sapo) */
.ArticleInMenu p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
    text-align: justify;
}

/* --- PHÂN TRANG (PAGINATION) --- */
.ArticleInMenu .pagination {
    margin-top: 30px;
    display: flex;
    list-style: none;
    padding: 0;
}

.ArticleInMenu .page-item {
    margin: 0 3px;
}

.ArticleInMenu .page-link {
    display: block;
    padding: 8px 16px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.3s;
    background: #fff;
}

.ArticleInMenu .page-item.active .page-link {
    background: #0082e3;
    color: #fff;
    border-color: #0082e3;
}

.ArticleInMenu .page-link:hover:not(.active) {
    background: #f8f9fa;
    border-color: #0082e3;
    color: #0082e3;
}

/* --- TỔ CHỨC & DANH MỤC (CŨ) --- */
.ArticleInMenu .ArticleCatName {
    background: #0082e3;
    margin-bottom: 15px;
}

.ArticleInMenu .ArticleCatName .lnk-CatName {
    color: #ffffff;
    font: bold 11pt/35px arial;
    padding-left: 15px;
    text-transform: uppercase;
    display: block;
}

.ArticleInMenu .SingleArticle .Tochuc .Cap1,
.ArticleInMenu .SingleArticle .Tochuc .Phong {
    color: #d9534f;
    font-weight: bold;
    padding: 5px 0 5px 25px;
}

/* Style chung cho các thẻ img trong module */
.ArticleInMenu .image{
    max-width: 100% !important;
}