/* t1-bkk.css — GUI template 2 ของ tracking1 (themes/views/bkk, components/TemplateSwitch) ; โหลดหลัง static/bkk/*.css
   header .app-header ของ BKK + เมนูของ tracking1 (dropdown <details> ใน pill-nav) ; ใช้ได้ทั้งเลย์เอาต์ main.php (AdminLTE, Bootstrap 3/4) และ dash.php (Bootstrap 5) */

/* อยู่เหนือแถบซ้ายของ AdminLTE (z-index 1020) และ offcanvas ของ dash */
.app-header.t1-bkk-header { z-index: 1030; }
.t1-bkk-header .header-row { gap: 10px; }
.t1-bkk-header .icon-btn { flex: none; }

/* dropdown ใน pill-nav — เมนูใช้ position: fixed ไม่ให้ถูกตัดโดย overflow ของ pill-nav */
.t1-bkk-header .pill-dd { position: relative; flex: none; }
.t1-bkk-header .pill-dd > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px;
  color: var(--n700); font-weight: 600; font-size: 15px; white-space: nowrap; cursor: pointer; transition: background .2s, color .2s; }
.t1-bkk-header .pill-dd > summary::-webkit-details-marker { display: none; }
.t1-bkk-header .pill-dd > summary:hover, .t1-bkk-header .pill-dd[open] > summary { background: var(--n100); color: var(--n900); }
.t1-bkk-header .pill-dd > summary.on { background: var(--p50); color: var(--p700); }
.t1-bkk-header .pill-dd > summary i { font-size: 18px; }
.t1-bkk-header .pill-dd > summary .pill-caret { font-size: 12px; transition: transform .2s; }
.t1-bkk-header .pill-dd[open] > summary .pill-caret { transform: rotate(180deg); }
.t1-bkk-header .pill-dd-menu { position: fixed; top: calc(var(--header-h) - 6px); z-index: 1040; min-width: 240px; max-width: min(420px, calc(100vw - 24px));
  max-height: calc(100vh - var(--header-h) - 16px); overflow-y: auto; padding: 6px; background: #fff; border: 1px solid var(--n100);
  border-radius: 14px; box-shadow: 0 14px 34px rgba(0, 0, 0, .12); }
.t1-bkk-header .pill-dd-menu a { display: block; padding: 8px 12px; border-radius: 8px; color: var(--n800, #23302a); font-size: 14px; font-weight: 500;
  white-space: normal; line-height: 1.4; text-decoration: none; }
.t1-bkk-header .pill-dd-menu a:hover { background: var(--n100); }
.t1-bkk-header .pill-dd-menu a.on { background: var(--p50); color: var(--p700); font-weight: 600; }
.t1-bkk-header .pill-dd-menu a span { display: inline; }
.t1-bkk-header .pill-dd-menu hr { margin: 6px 4px; border: 0; border-top: 1px solid var(--n100); }
.t1-bkk-header .pill-dd-end { right: 12px; }

/* เมนูผู้ใช้ */
.t1-bkk-header .t1-bkk-user > summary.cta { padding: 4px 12px 4px 4px; }
.t1-bkk-avatar { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%;
  background: var(--p500); color: #fff; font-weight: 700; font-size: 14px; }
.t1-bkk-usercard { display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; font-size: 14px; }
.t1-bkk-usercard span { color: var(--n500); font-size: 13px; }
.t1-bkk-logout { width: 100%; text-align: left; padding: 8px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--n800, #23302a); font: inherit; cursor: pointer; }
.t1-bkk-logout:hover { background: var(--n100); }

/* ปุ่มค้นหา / กระดิ่ง / กล่องจดหมาย (ของเดิม pv2-*) ให้เป็นปุ่มไอคอนกลมแบบ BKK */
.t1-bkk-header .pv2-searchbtn, .t1-bkk-header .pv2-bellbtn { border: 0 !important; background: transparent !important; border-radius: 999px; min-height: 40px; padding: 0 10px !important; color: var(--n700) !important; }
.t1-bkk-header .pv2-searchbtn:hover, .t1-bkk-header .pv2-bellbtn:hover { background: var(--n100) !important; }
.t1-bkk-header .pv2-searchbtn i, .t1-bkk-header .pv2-bellbtn i { font-size: 20px; }
.t1-bkk-header .gs-langsw { border-radius: 999px; overflow: hidden; border-color: var(--n200, #d9dee3); }
.t1-bkk-header .gs-langsw button { font-family: inherit; padding: 7px 10px; }
.t1-bkk-header .gs-langsw button[aria-pressed="true"] { background: var(--p500); }

/* AdminLTE: แถบซ้ายเริ่มใต้ header ; footer ไม่ซ้อนแถบซ้าย */
body.pv2-skin .main-sidebar { padding-top: var(--header-h, 64px); }
.t1-bkk-footer { margin-top: 0; }
.t1-bkk-footer .home-wrap { max-width: 1440px; margin: 0 auto; padding: 0 28px; }

/* จอเล็ก: เมนูหลักเป็นแผงเลื่อนลง (เหมือน watch3) */
@media (max-width: 767px) {
  .t1-bkk-header .pill-dd-menu { position: static; box-shadow: none; border: 0; margin: 0 0 6px 18px; max-height: none; padding: 0; }
  .t1-bkk-header .header-tools .pv2-searchbtn .lbl, .t1-bkk-header .t1-bkk-user > summary span:not(.t1-bkk-avatar) { display: none; }
  .t1-bkk-footer .home-wrap { padding: 0 16px; }
}