/* 彩虹橋頂部列的語言切換下拉（2026-11-13；牆與小窗台共用，結構見 bridge/_lang.php）
   自帶深色半透明底：牆（深藍星空）與小窗台（暖褐）都能看清楚。
   小窗台的 .rm-top 底下有 `.rm-top a/button` 的通用樣式（特異度 0,1,1），這裡全部加 .bl 前綴壓過去 */
.bl { position: relative; flex: 0 0 auto; pointer-events: auto; }
.bl .bl-btn {
  display: inline-flex; align-items: center; gap: .25rem;
  height: 2.5rem; min-height: 2.5rem; padding: 0 .7rem 0 .55rem; margin: 0;
  border: 1px solid rgba(255, 255, 255, .18); border-radius: 1.25rem;
  background: rgba(20, 16, 30, .55); color: #f0e6d2;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  font: 600 .82rem/1 "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", system-ui, sans-serif;
  cursor: pointer; -webkit-tap-highlight-color: transparent; white-space: nowrap;
}
.bl .bl-btn:hover, .bl .bl-btn[aria-expanded="true"] { background: rgba(20, 16, 30, .78); color: #f2c46d; }
.bl .bl-btn:focus, .bl .bl-btn:focus-visible { outline: none; }
.bl .bl-btn .material-icons { font-size: 1.15rem; }

.bl .bl-menu {
  position: absolute; top: calc(100% + .4rem); right: 0; z-index: 60;
  min-width: 9rem; margin: 0; padding: .3rem; list-style: none;
  border: 1px solid rgba(255, 255, 255, .16); border-radius: .75rem;
  background: rgba(24, 20, 34, .97); box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.bl .bl-menu[hidden] { display: none; }
.bl .bl-item {
  display: flex; align-items: center; gap: .5rem; width: 100%; box-sizing: border-box;
  min-height: 2.5rem; padding: .45rem .7rem; border-radius: .5rem;
  color: #e9dfcc; font-size: .9rem; text-decoration: none !important; white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.bl .bl-item:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.bl .bl-item:focus, .bl .bl-item:focus-visible { outline: none; background: rgba(255, 255, 255, .1); }
.bl .bl-item .material-icons { font-size: 1.05rem; opacity: 0; }
.bl .bl-item.is-on { color: #f2c46d; font-weight: 700; }
.bl .bl-item.is-on .material-icons { opacity: 1; }

/* 窄螢幕只留地球圖示，省出頂部列的位置（目前語言在選單裡有勾） */
@media (max-width: 380px) {
  .bl .bl-btn .bl-cur { display: none; }
  .bl .bl-btn { padding: 0 .55rem; }
}

/* 小窗台：頂部列右邊原本只是佔位用的 .rm-top-spacer，現在裝語言鈕，靠右對齊 */
.rm-top-spacer { display: flex; justify-content: flex-end; }