/* BS3 to BS4 compat shim
   站台 JS 升 Bootstrap 4.6.2 + jQuery 3.5.1，CSS 保留 BS3（bootstrap.min.css）。
   BS4 JS 用 .show 控制顯示/淡入，BS3 CSS 只認 .in/.open，此檔橋接兩者。
   載入順序：必須在 bootstrap.min.css 之後。規則經瀏覽器 spike 實機驗證。 */

.fade.show { opacity: 1 !important; }

.modal.show { display: block; }
.modal.fade.show .modal-dialog { transform: none !important; -webkit-transform: none !important; }
.modal-backdrop.show { opacity: 0.5 !important; }

.collapse.show { display: block; }

.dropdown-menu.show { display: block; }

/* 列動作 dropdown（.dropdownBlock，40 檔共用的列表「⋮」選單）兩個 BS4 問題：
   ① BS4 Popper 寫 inline left:0，疊上既有自訂 CSS .dropdownBlock>.dropdown-menu{right:0}+width:auto
      → 雙邊撐成整列寬（~1168px）。
   ② .dropdownBlock 為 position:static 無定位基準，內部 absolute dropdown 會跑去對齊外層容器、位置偏掉。
   修：給 .dropdownBlock 定位基準 + 蓋回 BS3 靠右窄框、回到三角形正下方。
   嚴格限定 .dropdownBlock（列動作專用 class），不誤傷會員選單等左對齊 dropdown。 */
.dropdownBlock { position: relative; }
.dropdownBlock > .dropdown-menu.show {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
    top: 100% !important;
    bottom: auto !important;
}

.tooltip.show { opacity: 0.9 !important; }
.popover.show { display: block; }
