/* default.css */

.UIHotnewsModule_Default {
    width: 100%; /* Co giãn theo container cha */
    border: 1px solid #ffcc00;
    border-radius: 6px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Header tone màu vàng nổi bật */
.HotnewsControl .Header {
    background: linear-gradient(180deg, #ffeb3b 0%, #fbc02d 100%);
    padding: 10px 15px;
    color: #333; /* Chữ tối trên nền vàng để dễ đọc */
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 2px solid #f9a825;
}

.HotnewsScroll {
    background-color: #fff;
    overflow-y: auto;
}

/* Item styling */
.HotnewsItem {
    padding: 12px 15px;
    border-bottom: 1px ridge #fff9c4;
    transition: all 0.2s ease;
}

.HotnewsItem:hover {
    background-color: #fffde7;
    padding-left: 20px; /* Hiệu ứng dịch chuyển nhẹ khi hover */
}

/* Ẩn ảnh theo yêu cầu */
.HotnewsItemImage {
    display: none !important;
}

.HotnewsItem a {
    text-decoration: none;
    display: block;
}

/* Article Title */
.ArticleTitle {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    display: block;
}

.HotnewsItem:hover .ArticleTitle {
    color: #e65100; /* Chuyển màu cam đậm khi hover trên nền vàng */
}