/*
 * วิวของ backend ที่แสดงในหน้าสาธารณะ (frontend\components\BackendTabs: pub-site/index, site/index, lutkeyresult/index100d?tab=…, pub-district/index)
 * — ปรับให้รองรับจอมือถือ และแทนสิ่งที่ Bootstrap ให้ไว้ใน backend (หน้าสาธารณะไม่ได้โหลด Bootstrap ยกเว้นแท็บ sdg/stat)
 */

/* คณะกรรมการชุดที่ 1-6 (ol.breadcrumb ใน index_nego.php) — ไม่แสดงเลขลำดับของ <ol> (Bootstrap ตั้ง list-style: none ไว้) */
.bt-main .mon-committees .breadcrumb { list-style: none; }

/* ตารางกว้าง: เลื่อนแนวนอนภายในกรอบ แทนการล้นทั้งหน้า */
.bt-main .table-responsive,
.bt-main .d-chart { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

/* แท็บย่อยของ BANGKOK SDG / สถิติ กทม. (ul.nav-tabs ของ Bootstrap) — จอเล็กเลื่อนแนวนอนได้ แทนการล้นจนกดแท็บท้ายไม่ได้ */
@media (max-width: 767px) {
    .bt-main .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
    .bt-main .nav-tabs .nav-item { flex: none; }
}

@media (max-width: 600px) {
    /* การ์ดเป้าหมายเร่งด่วน (2 คอลัมน์): ร้อยละ + สถานะขึ้นบรรทัดใหม่ได้ */
    .bt-main .d-goal-foot { flex-wrap: wrap; row-gap: 4px; }
    .bt-main .d-goal-state { white-space: normal; }
    .bt-main .d-goal-pct { font-size: 18px; }
    .bt-main .d-goal-body { padding: 12px; }
    .bt-main .d-goal-grid { gap: 10px; }
}

/* kartik GridView: โหมด kv-table-wrap ของ kartik (≤ 480px) แสดงเซลล์ซ้อนกันโดยไม่มีหัวคอลัมน์ — ใช้ตารางปกติที่เลื่อนแนวนอนแทน */
@media screen and (max-width: 480px) {
    .bt-main .kv-table-wrap th,
    .bt-main .kv-table-wrap td { display: table-cell; width: auto !important; text-align: inherit; font-size: 13px; }
    .bt-main .kv-table-wrap tr > td:first-child { border-top: 0; margin-top: 0; font-size: 13px; }
    .bt-main .kv-grid-table { min-width: 640px; }
    .bt-main .kv-grid-table td:first-child { min-width: 180px; }
}