/* ปุ่มเปลี่ยนภาษาแบบธงลอย */
.bbh-lang { position: fixed; bottom: calc(18px + var(--bbh-lang-y, 0px)); z-index: 99990; font: 600 14px/1.2 "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif; --bbh-c: #1f40e6; }
.bbh-lang-left { left: 18px; }
.bbh-lang-right { right: 18px; }
.bbh-lang *, .bbh-lang *::before { box-sizing: border-box; }
.bbh-lang-btn {
  display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px 0 10px; margin: 0;
  border: 1px solid rgba(15, 25, 60, .1); border-radius: 999px; background: #fff; color: #1b2333; cursor: pointer;
  box-shadow: 0 8px 24px rgba(10, 20, 60, .2); font: inherit; text-transform: none; letter-spacing: 0; line-height: 1;
  transition: box-shadow .15s ease, transform .15s ease;
}
.bbh-lang-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(10, 20, 60, .26); background: #fff; color: #1b2333; }
.bbh-lang-btn:focus-visible { outline: 3px solid var(--bbh-c); outline-offset: 2px; }
.bbh-lang-cur { display: inline-flex; align-items: center; gap: 7px; }
.bbh-lang-cur[hidden] { display: none; }
.bbh-flag { display: block; width: 28px; height: 19px; flex: none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); }
.bbh-lang-caret { color: #6b7280; transition: transform .15s ease; }
.bbh-lang.open .bbh-lang-caret { transform: rotate(180deg); }
.bbh-lang-menu {
  position: absolute; bottom: calc(100% + 10px); min-width: 170px; margin: 0; padding: 6px; list-style: none;
  background: #fff; border-radius: 14px; box-shadow: 0 14px 40px rgba(10, 20, 60, .25);
  opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .15s ease, transform .15s ease, visibility .15s;
}
.bbh-lang-left .bbh-lang-menu { left: 0; }
.bbh-lang-right .bbh-lang-menu { right: 0; }
.bbh-lang.open .bbh-lang-menu { opacity: 1; visibility: visible; transform: none; }
.bbh-lang-menu li { margin: 0; padding: 0; list-style: none; }
.bbh-lang-menu li::before { display: none; }
.bbh-lang-menu a {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px;
  color: #1b2333 !important; text-decoration: none !important; font-weight: 500; box-shadow: none;
}
.bbh-lang-menu a:hover { background: #f1f4fb; }
.bbh-lang-menu a.on { background: #eef1fd; color: var(--bbh-c) !important; font-weight: 700; }
.bbh-lang-menu a.on::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: var(--bbh-c); }
@media (max-width: 640px) {
  .bbh-lang { bottom: calc(14px + var(--bbh-lang-y, 0px)); }
  .bbh-lang-left { left: 12px; }
  .bbh-lang-right { right: 12px; }
  .bbh-lang-btn { height: 42px; padding: 0 12px 0 9px; }
}
@media (prefers-reduced-motion: reduce) { .bbh-lang-btn, .bbh-lang-menu, .bbh-lang-caret { transition: none; } }
/* ซ่อนแถบด้านบนของ Google แปลภาษา */
body { top: 0 !important; }
body > .skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }