/* Start custom CSS for html, class: .elementor-element-7f1f419 *//* ===== FIX: ทำตารางไม่ซ้อน + เลื่อนซ้าย-ขวาได้บนมือถือ ===== */
.jkc-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter: stable;
  padding-bottom:8px;
}

/* บังคับให้ตารางมีความกว้างขั้นต่ำ เพื่อให้เกิดการเลื่อนแทนการซ้อน */
.jkc-table{
  min-width:760px; /* ปรับได้ 680-900 ตามจำนวนคอลัมน์ */
}

/* กันข้อความยาวทำให้คอลัมน์ยุบแปลกๆ */
.jkc-table th,
.jkc-table td{
  white-space:nowrap;
}

/* ถ้าชื่อฝั่งแดง/น้ำเงินยาว อยากให้ตัดบรรทัดได้เฉพาะช่องชื่อ */
.jkc-table td.side-red,
.jkc-table td.side-blue{
  white-space:normal;
  word-break:break-word;
}

/* (ทางเลือก) ทำหัวตารางติดอยู่ด้านบนเวลาสไลด์ลง */
.jkc-table thead th{
  position:sticky;
  top:0;
  background:rgba(2,6,23,.92);
  backdrop-filter: blur(6px);
  z-index:2;
}/* End custom CSS */