/* Sửa UI/UX (phiếu #1975) — nạp sau responsive.css */

/* Chữ trên ảnh slider: phủ lớp tối để chữ trắng dễ đọc */
.ltn__slide-item-3.bg-image { position: relative; }
.ltn__slide-item-3.bg-image::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .15) 100%);
}
.ltn__slide-item-3.bg-image .ltn__slide-item-inner { position: relative; z-index: 1; }
.ltn__slide-item-3.bg-image .slide-title,
.ltn__slide-item-3.bg-image .slide-brief p { color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.ltn__slide-item-3.bg-image .slide-brief { border-color: rgba(255, 255, 255, .7); }

@media (max-width: 767px) {
  .ltn__slide-item-3 .slide-title { font-size: 26px; line-height: 1.25; overflow-wrap: anywhere; }
  .ltn__slide-item-3 .slide-brief p { font-size: 16px; }
  .ltn__slide-item-3 .slide-item-info,
  .ltn__slide-item-3 .slide-item-info-inner { max-width: 100%; padding-right: 0; }

  /* Nút Zalo nhỏ, sát góc; nút lên đầu trang sang trái để không chồng nhau */
  .zalo-chat-widget { bottom: 16px !important; right: 12px !important; }
  #scrollUp { right: auto; left: 16px; bottom: 24px; }

  /* "Đọc tiếp" xuống dòng, canh trái — không nằm dưới nút Zalo */
  .ltn__blog-meta-btn { flex-direction: column; align-items: flex-start; }
  .ltn__blog-meta-btn .ltn__blog-btn { margin-top: 6px; }

  /* chừa chỗ cuối trang cho nút nổi */
  body { padding-bottom: 72px; }
}