html {
    overflow-y: scroll;
}

.body_body {
    margin-top: 0;
}

#box_forums {
            width: 100%;
            max-width: 760px;
            margin: 0 auto;
            padding: 10px;
            box-sizing: border-box;
            background-color: transparent;
        }

        /* Forum Post Item */
        .forum-post-item {
            display: flex;
            align-items: center;
            padding: 8px 12px;
            margin-bottom: 8px;
            background-color: FF9900; /* Nền tối hơn */
            border: 1px solid #444; /* Viền nhẹ */
            border-radius: 6px; /* Bo trĂ²n gĂ³c nhẹ */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* ThĂªm đổ bĂ³ng nhẹ */
        }

        /* Pinned Posts */
        #stick .forum-post-item {
            background: linear-gradient(to right, #f38500, #ffae42); /* MĂ u cam gradient cho bĂ i ghim */
            border-color: #e07000;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        }

        /* Avatar */
        .post-avatar-wrapper {
            width: 32px; /* KĂ­ch thÆ°á»›c avatar */
            height: 32px; /* KĂ­ch thÆ°á»›c avatar */
            flex-shrink: 0; /* Ngăn avatar bị co lại */
            margin-right: 10px; /* Khoảng cĂ¡ch giữa avatar vĂ  ná»™i dung */
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%; /* Bo trĂ²n avatar */
            overflow: hidden; /* Đảm bảo ảnh khĂ´ng trĂ n ra ngoĂ i hình trĂ²n */
            border: 1px solid rgba(255, 255, 255, 0.2); /* Viền avatar */
        }

        .post-avatar-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Đảm bảo ảnh bao phủ toĂ n bá»™ khĂ´ng gian */
        }

        /* Post Content (Title and Info) */
        .post-content {
            display: flex;
            flex-direction: column; /* Xếp tiĂªu đề vĂ  thĂ´ng tin theo cá»™t */
            flex-grow: 1; /* Cho phĂ©p chiếm hết khĂ´ng gian cĂ²n lại */
            min-width: 0; /* Quan trọng để `text-overflow` hoạt Ä‘á»™ng Ä‘Ăºng */
        }

        .post-title-link {
            color: #DC143C;
            font-size: 14px; /* KĂ­ch thÆ°á»›c font tiĂªu đề */
            font-weight: bold;
            text-decoration: none;
            white-space: nowrap; /* Ngăn tiĂªu đề xuống dĂ²ng */
            overflow: hidden; /* Ẩn phần bị trĂ n */
            text-overflow: ellipsis; /* Hiển thị dấu ba chấm */
            display: block; /* Cần thiết cho overflow */
            max-width: 100%; /* Đảm bảo khĂ´ng trĂ n ra ngoĂ i div cha */
        }

        .hot-icon {
            vertical-align: middle;
            margin-left: 5px;
            height: 10px; /* KĂ­ch thÆ°á»›c icon hot */
            width: auto;
        }

        .post-meta-info {
            font-size: 10px; /* KĂ­ch thÆ°á»›c font thĂ´ng tin */
            color: #b0b0b0; /* MĂ u chữ cho thĂ´ng tin */
            margin-top: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .post-meta-info a {
            color: #e0e0e0; /* MĂ u chữ tĂªn người đăng */
            text-decoration: none;
            font-weight: bold;
        }

        .post-meta-info i {
            color: #c0c0c0; /* MĂ u chữ thời gian */
            margin-left: 5px;
        }

        /* Pagination */
        .pagination-container {
            display: flex;
            justify-content: flex-end; /* Căn phải */
            align-items: center;
            margin-top: 15px; /* Khoảng cĂ¡ch vá»›i danh sĂ¡ch bĂ i viết */
            padding: 0;
            border: none;
            background-color: transparent;
        }

        .pagination-container div:first-child { /* Ẩn phần tá»­ khĂ´ng cần thiết */
            display: none;
        }

        .pagination {
            display: flex;
            align-items: center;
        }

        .pagination-item {
            padding: 6px 12px;
            border: 1px solid #b65d2f;
            background: #b65d2f;
            color: #fff;
            margin-right: 5px;
            border-radius: 4px;
            font-size: 13px; /* KĂ­ch thÆ°á»›c font phĂ¢n trang */
            text-decoration: none;
            transition: background-color 0.2s ease, border-color 0.2s ease;
        }

        .pagination-item.active,
        .pagination-item:hover {
            background-color: #ffae42;
            border-color: #ffae42;
        }

        /* Post Button Section */
        .post-button-section {
            text-align: center;
            margin: 25px auto 0 auto; /* Căn giữa vĂ  thĂªm margin top/bottom */
            max-width: 80px; /* Giá»›i hạn chiều rá»™ng, lĂ m cho nĂ³ nhỏ gọn hÆ¡n */
            background-color: #FF0000; /* Nền giống cĂ¡c bĂ i viết */
            border: 1px solid #FF0000; /* Viền */
            border-radius: 6px; /* Bo trĂ²n gĂ³c */
            padding: 10px 10px; /* Padding bĂªn trong */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Đổ bĂ³ng */
        }

        .post-button-section hr {
            border: none;
            border-top: 1px solid rgb(212, 255, 0);
            width: 0%; /* Giảm chiều rộng của đường kẻ ngang */
            margin: 2px;
        }

        .post-button-section a {
            text-decoration: none;
            color: inherit;
        }

        .post-button-section span {
            display: block;
            font-weight: bold;
            font-size: 13px; /* Giảm kĂ­ch thÆ°á»›c font chữ "Đăng BĂ i" */
            color: white; /* MĂ u chữ xanh lĂ¡ nổi bật */
            text-shadow: 0 0 5px rgba(0, 255, 0, 0.5); /* Hiệu ứng đổ bĂ³ng chữ */
        }

        #user-info {
    padding: 10px;
    background-color: #f38500;
    border: 1px solid #444;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    max-width: 250px;
    margin: 10px auto 0px auto; /* Khoảng cĂ¡ch trĂªn 10px, dÆ°á»›i 15px, căn giữa ngang */
    box-sizing: border-box;
    display: block; /* Đảm bảo block */
}


        .user-avatar {
            width: 50px; /* KĂ­ch thÆ°á»›c avatar trong khung user info */
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 5px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .user-details span {
            display: block;
            margin-bottom: 3px;
        }

        .user-details a {
            color: white; /* MĂ u link trong user details */
            text-decoration: none;
            font-size: 12px;
            margin-top: 5px;
            display: inline-block;
        }
#box_login_ads #columns {
    display: flex; /* Sá»­ dụng flexbox để cĂ¡c item đứng cạnh nhau */
    flex-wrap: wrap; /* Cho phĂ©p cĂ¡c item xuống dĂ²ng nếu khĂ´ng đủ chá»— */
    justify-content: center; /* Căn giữa cĂ¡c item */
    gap: 15px; /* Tạo khoảng cĂ¡ch giữa cĂ¡c figure */
    padding: 10px; /* ThĂªm padding cho khung chĂ­nh */
    margin: 0 auto; /* Căn giữa khung chĂ­nh */
    max-width: 900px; /* Giới hạn chiều rộng tối đa của khung */
}
#box_login_ads #columns figure {
    /* Giảm kĂ­ch thÆ°á»›c khung của má»—i figure nếu cần */
    flex: 0 0 auto; /* KhĂ´ng co giĂ£n, khĂ´ng thu hẹp, kĂ­ch thÆ°á»›c tá»± Ä‘á»™ng */
    text-align: center;
    /* CĂ³ thể thĂªm width hoặc max-width nếu muốn má»—i figure cĂ³ khung nhỏ hÆ¡n */
    /* width: 80px; */
}
#box_login_ads #columns figure img {
    height: 30px; /* Giảm nhẹ kĂ­ch thÆ°á»›c ảnh nếu muốn nhỏ hÆ¡n */
    /* width: auto; giữ tỷ lệ */
}
#box_login_ads #columns figure figcaption {
    font-size: 11px; /* Giảm kĂ­ch thÆ°á»›c chữ trong chĂº thĂ­ch */
    line-height: 1.2; /* Điều chỉnh khoảng cĂ¡ch dĂ²ng nếu cần */
    margin-top: 5px; /* Giảm khoảng cĂ¡ch giữa ảnh vĂ  chữ */
}
#box_login_ads #columns figure figcaption a {
    font-size: 11px; /* Đảm bảo chữ link cũng nhỏ */
}

/* Điều chỉnh thĂªm cho span mĂ u đỏ */
#box_login_ads #columns figure figcaption span {
    font-size: 11px;
}

/* Sá»­a lại ngắt dĂ²ng <br><br> khĂ´ng cần thiết */
#box_login_ads #columns figure figcaption br {
    display: none; /* Ẩn cĂ¡c thẻ <br> khĂ´ng cần thiết */
}

/* Nếu bạn muốn cĂ³ má»™t khoảng cĂ¡ch nhỏ giữa cĂ¡c dĂ²ng text trong figcaption, hĂ£y sá»­ dụng margin-bottom */
#box_login_ads #columns figure figcaption span {
    display: block; /* Để má»—i phần tá»­ span vĂ  a nằm trĂªn má»™t dĂ²ng riĂªng */
    margin-bottom: 2px;
}
#box_login_ads #columns figure figcaption a {
    display: block;
    margin-bottom: 2px;
}