/** Widget CSS **/

.widget .is-divider {
    background: transparent;
    margin: 5px;
}

span.widget-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
}

.post-sidebar .widget .is-divider {
    display: none;
}

.post-sidebar .widget .widget-title {
    color: #FFF;
    width: 100%;
    height: 45px;
    display: block;
    line-height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    background: linear-gradient(270deg, #55AC39 0%, #155884 100%);
}

.post-sidebar .widget ul {
    border: 1px solid #DDD;
}

.post-sidebar .widget > ul > li {
    padding-left: 15px;
    padding-right: 15px;
}

.post-sidebar .widget > ul > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.recent-blog-posts-li .recent-blog-posts {
    padding: 10px 0;
}

.recent-blog-posts-li .recent-blog-posts .badge {
    width: 80px;
    height: 65px;
}

.recent-blog-posts-li .recent-blog-posts a {
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 400;
}

.recent-blog-posts-li .recent-blog-posts .post-date-month {
    color: #334862;
    font-size: 10px;
}

.recent-blog-posts-li .recent-blog-posts .post-date-month::before {
    content: "\f133";
    font-family: "Font awesome 6 Pro";
    font-weight: 300;
    font-size: 10px;
    padding-right: 5px;
}
/** =======================================================
    WIDGET.CSS – TTC BRAND VERSION
    Đổi toàn bộ màu xanh lá (#55AC39 / #7AA93C)
    thành gradient thương hiệu var(--brand-grad)
    ======================================================= **/

/* Cấu trúc widget chung */
.widget .is-divider {
  background: transparent;
  margin: 5px;
}

span.widget-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
}

/* Ẩn divider mặc định */
.post-sidebar .widget .is-divider {
  display: none;
}

/* ===============================================
   TIÊU ĐỀ WIDGET (SIDEBAR BÊN PHẢI)
   =============================================== */
.post-sidebar .widget .widget-title {
  color: #fff;
  width: 100%;
  height: 45px;
  display: block;
  line-height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  border: none;
  background: var(--brand-grad) !important; /* Gradient thương hiệu */
  border-radius: 4px 4px 0 0;
}

/* ===============================================
   DANH SÁCH & LINK TRONG WIDGET
   =============================================== */
.post-sidebar .widget ul {
  border: 1px solid #DDD;
}

.post-sidebar .widget > ul > li {
  padding-left: 15px;
  padding-right: 15px;
}

.post-sidebar .widget > ul > li > a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--brand-1); /* Xanh tím thương hiệu */
  text-decoration: none;
  transition: all 0.25s ease;
}

.post-sidebar .widget > ul > li > a:hover {
  color: var(--brand-2); /* Cam đỏ thương hiệu */
}

/* ===============================================
   RECENT POSTS WIDGET (BÀI VIẾT MỚI NHẤT)
   =============================================== */
.recent-blog-posts-li .recent-blog-posts {
  padding: 10px 0;
}

.recent-blog-posts-li .recent-blog-posts .badge {
  width: 80px;
  height: 65px;
}

.recent-blog-posts-li .recent-blog-posts a {
  font-size: 13px;
  margin-bottom: 0px;
  font-weight: 400;
  color: var(--brand-1);
}

.recent-blog-posts-li .recent-blog-posts a:hover {
  color: var(--brand-2);
}

.recent-blog-posts-li .recent-blog-posts .post-date-month {
  color: var(--brand-1);
  font-size: 10px;
}

.recent-blog-posts-li .recent-blog-posts .post-date-month::before {
  content: "\f133";
  font-family: "Font awesome 6 Pro";
  font-weight: 300;
  font-size: 10px;
  padding-right: 5px;
}

/* ===============================================
   BUTTONS (XEM THÊM, GỬI FORM, CTA TRONG SIDEBAR)
   =============================================== */
a.button,
a.more-link,
.button,
.more-link,
input[type="submit"],
.ux-button {
  background: var(--brand-grad) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600;
  padding: 10px 22px !important;
  transition: all 0.25s ease;
  text-decoration: none !important;
  display: inline-block;
}

a.button:hover,
a.more-link:hover,
.button:hover,
.more-link:hover,
input[type="submit"]:hover,
.ux-button:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px);
}

/* Outline style (Flatsome default) */
a.button.is-outline,
.button.is-outline {
  background: transparent !important;
  color: var(--brand-2) !important;
  border: 2px solid var(--brand-2) !important;
}

a.button.is-outline:hover,
.button.is-outline:hover {
  background: var(--brand-grad) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Trường hợp bị inline style */
a.button[style],
.button[style] {
  background: var(--brand-grad) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ===============================================
   HÌNH ẢNH / BOX / FANPAGE
   =============================================== */
.post-sidebar .widget img {
  border-radius: 8px;
  overflow: hidden;
}

.post-sidebar .widget {
  border-color: #eee !important;
}
/* =======================================================
   FIX WIDGET "RT - FEATURED POSTS" THEO BRAND TTC
   ======================================================= */

/* Tiêu đề widget */
.widget.widget_list_posts .widget-title,
.post-sidebar .widget.widget_list_posts .widget-title {
  background: var(--brand-grad) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px 4px 0 0;
  padding: 10px 15px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Danh sách bài viết */
.widget.widget_list_posts ul.list-post-item li {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

/* Link bài viết */
.widget.widget_list_posts ul.list-post-item li h3 a {
  color: var(--brand-1) !important; /* Xanh tím đậm */
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.25s ease;
}

.widget.widget_list_posts ul.list-post-item li h3 a:hover {
  color: var(--brand-2) !important; /* Cam đỏ */
}

/* Ảnh thumbnail */
.widget.widget_list_posts ul.list-post-item a.img img {
  border-radius: 6px;
  transition: all 0.3s ease;
}
.widget.widget_list_posts ul.list-post-item a.img:hover img {
  transform: scale(1.05);
}

/* Nút trong widget (nếu có) */
.widget.widget_list_posts a.button,
.widget.widget_list_posts a.more-link {
  background: var(--brand-grad) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  font-weight: 600;
  padding: 8px 18px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  display: inline-block;
}

.widget.widget_list_posts a.button:hover,
.widget.widget_list_posts a.more-link:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px);
}