/* Cáp Điện TCT — CSS áp dụng toàn site (mọi trang), tinh chỉnh nhỏ trên nền theme cha. */

.vs-btn--sm {
  padding: 8px 14px;
  font-size: 13px;
}
.vs-btn--outline {
  background: transparent;
  border: 1.5px solid var(--vs-primary);
  color: var(--vs-primary);
}
.vs-btn--outline:hover {
  background: var(--vs-primary);
  color: #fff;
}

/* Đảm bảo vùng chạm tối thiểu 44x44px trên mobile cho các nút nhỏ. */
@media (max-width: 480px) {
  .vs-btn--sm {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* FIX tràn ngang trên mobile: chưa có file logo ảnh nên header/footer đang
 * hiển thị TÊN ĐẦY ĐỦ ("CÔNG TY TNHH THƯƠNG MẠI VÀ DỊCH VỤ TCT") làm text-logo
 * thay thế — chuỗi này quá dài cho vùng logo, ép cả header rộng hơn viewport.
 * Giải pháp an toàn (không sửa theme cha): giới hạn chiều rộng + rút gọn bằng
 * dấu "…" đúng ở vị trí logo trong header; tên đầy đủ vẫn hiển thị nguyên vẹn
 * ở footer (nơi có đủ chỗ) và trong schema/dữ liệu doanh nghiệp. */
.vs-header .vs-logo__text {
  display: inline-block;
  max-width: 46vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .vs-header .vs-logo__text { max-width: 60vw; font-size: 15px; }
}
/* Ngăn tràn ngang toàn cục ở mọi trường hợp còn sót (an toàn, không ảnh hưởng bố cục desktop). */
html, body { overflow-x: hidden; max-width: 100%; }

/* Bảng thông số kỹ thuật import từ site cũ (nhiều bảng có width cứng theo px)
 * — cuộn ngang TRONG khung riêng, trang không cuộn ngang (xem the_content filter). */
.tct-table-scroll { max-width: 100%; overflow-x: auto; margin: 16px 0; -webkit-overflow-scrolling: touch; }
.tct-table-scroll table { width: max-content; min-width: 100%; border-collapse: collapse; }
.entry-content, .vs-content, article { max-width: 100%; overflow-wrap: break-word; }
.entry-content img, .vs-content img { max-width: 100%; height: auto; }

/* Ảnh đại diện (featured image) trang chi tiết sản phẩm/công trình/bài viết —
 * ràng buộc tỉ lệ + chiều cao tối đa để không đẩy nội dung xuống quá xa trên
 * mobile khi ảnh gốc có kích thước bất thường. */
.vs-single__thumb, figure.vs-single__thumb {
  max-height: 60vh;
  overflow: hidden;
  border-radius: 12px;
}
.vs-single__thumb img, figure.vs-single__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/10;
}
@media (max-width: 600px) {
  .vs-single__thumb, figure.vs-single__thumb { max-height: 260px; }
}