/* ===============================
   DESKTOP – GRID 3 CỘT
   Ảnh trên – chữ dưới
================================ */


.UITabArticle_default_3_hang_3cot .HeaderWrap {
display: none;
}

.UITabArticle_default_3_hang_3cot .Container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.UITabArticle_default_3_hang_3cot .Container > .Item {
    background: #fff;
}

/* Link block */
.UITabArticle_default_3_hang_3cot .Item > a {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* IMAGE TOP */
.UITabArticle_default_3_hang_3cot .Item .image {
    width: 100%;
    height: 120px;
    object-fit: cover !important;
    display: block;
}

/* TITLE */
.UITabArticle_default_3_hang_3cot .Item .item_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 10px 0 6px;

    /* cắt 2 dòng */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Noto Serif", serif !important;
    
/* ====== WRAPPER ====== */
.UITabArticle_tab_1_anh {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

/* ====== HEADER ====== */
.UITabArticle_tab_1_anh .Header {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
}

.UITabArticle_tab_1_anh .HeaderWrap {
    align-items: center;
}

.UITabArticle_tab_1_anh .Header {
    border-bottom: 2px solid #006CB7;
    margin-bottom: 10px;
}

.UITabArticle_tab_1_anh .Header .HeaderWrap {
    text-align: center;
}

.UITabArticle_tab_1_anh .HeaderWrap .image {
    display: none;
}

.UITabArticle_tab_1_anh .HeaderWrap .text
    a {
    font-size: 16px;
    font-weight: bold;
    color: #006CB7 !important;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Tahoma;
}

.UITabArticle_tab_1_anh .HeaderWrap .text
    a:hover {
    color: #d71920;
}

/* ====== CONTENT ====== */
.UITabArticle_tab_1_anh .Wrap {
    /* padding: 12px; */
}

/* ====== FIRST ARTICLE ====== */
.UITabArticle_tab_1_anh .first {
    margin-bottom: 12px;
}

.UITabArticle_tab_1_anh .first .image {
    width: 100%;
    height: auto;
    border-radius: 3px;
    display: block;
}

.UITabArticle_tab_1_anh .first .title {
    margin-top: 8px;
}

.UITabArticle_tab_1_anh .first .title
    a {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    line-height: 1.4;
    font-family: "Noto Serif", serif !important;
}
.UITabArticle_tab_1_anh .first
    p {
    font-family: "Noto Serif", serif !important;
}

.UITabArticle_tab_1_anh .first .title
    a:hover {
    color: #d71920;
}

/* ====== LIST NEXT ====== */
.UITabArticle_tab_1_anh
    ul.next {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #eee;
}

.UITabArticle_tab_1_anh
    ul.next li.item {
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}

.UITabArticle_tab_1_anh
    ul.next li.item:last-child {
    border-bottom: none;
}

.UITabArticle_tab_1_anh
    ul.next li.item a.title {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    display: block;
    padding-left: 14px;
    position: relative;
    line-height: 1.4;
}

/* chấm đỏ đầu dòng */
.UITabArticle_tab_1_anh
    ul.next li.item a.title::before {
    content: "●";
    color: #d71920;
    position: absolute;
    left: 0;
    top: 0;
}

/* hover */
.UITabArticle_tab_1_anh
    ul.next li.item a.title:hover {
    color: #d71920;
}

/* ====== CLEAR FIX ====== */
.UITabArticle_tab_1_anh .clear {
    clear: both;
}


.UITabArticle_tab_1_anh .SingleTab:has(
    ul.next > li) {
    padding: 10px;
}


.UITabArticle_tab_1_anh .SingleTab:has(
    ul.next > li) .next {
    background-color: #f8f8f8 !important;
    padding: 10px;
};
}

/* DATE */
.UITabArticle_default_3_hang_3cot .Item .date {
    font-size: 13px;
    color: #666;
}

/* Ẩn summary */
.UITabArticle_default_3_hang_3cot .Item .summary {
    display: none;
}

/* Hover desktop */
.UITabArticle_default_3_hang_3cot .Item:hover .item_title {
    color: #cd2122;
}

/* ===============================
   TABLET – 2 CỘT
================================ */

@media (max-width: 991px) {
    .UITabArticle_default_3_hang_3cot .Container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===============================
   MOBILE – 1 CỘT
   Ảnh TRÁI – chữ PHẢI
================================ */

@media (max-width: 575px) {

    .UITabArticle_default_3_hang_3cot .Container {
        grid-template-columns: 1fr;
    }

    .UITabArticle_default_3_hang_3cot .Item > a {
        display: flex;
        gap: 12px;
        align-items: flex-start;
    }

    /* IMAGE LEFT – SMALL */
    .UITabArticle_default_3_hang_3cot .Item .image {
        width: 90px;
        height: 70px;
        flex-shrink: 0;
        border-radius: 4px;
    }

    /* CONTENT RIGHT */
    .UITabArticle_default_3_hang_3cot .Item .item_title {
        font-size: 15px;
        margin: 0 0 6px;
    }

    .UITabArticle_default_3_hang_3cot .Item .date {
        font-size: 12px;
    }
}


div[class="TabList" i] .TabListPage span {
   display: none;
}