/*!
 * ace-bs4-bridge.css
 * ------------------------------------------------------------------
 * Bootstrap 3 (ace 主題 CSS) ←→ Bootstrap 4.6.2 JS 相容橋接
 *
 * 背景：弱掃 CVE-2024-6484 要求後台 bootstrap.js 升至 4.6.2，但 ace 主題
 *       的 bootstrap.css(3.3.6)/ace.css 仍以 BS3 的 .in / .open 顯示元件。
 *       BS4 JS 改切 .show，故本檔把 .show 映射回 BS3 既有視覺，讓
 *       254 個視圖的 BS3 markup 完全不必改動。
 *
 * 載入順序：必須在 bootstrap.css 與 ace.css 之後（見 header.html）。
 * 對應計畫：共儀交接/CMS_Bootstrap_遷移計畫.md（策略 A / Phase 1）
 * ------------------------------------------------------------------
 */

/* ---------- 通用 fade（tab / alert / modal 內容） ---------- */
/* BS3: .fade.in{opacity:1}  →  BS4: .fade.show */
.fade.show {
  opacity: 1;
}

/* ---------- Dropdown ---------- */
/* BS3 以父層 .open > .dropdown-menu 顯示；BS4 改在選單本身加 .show。
   定位交給 BS4 內建 Popper（已含於 bundle）。 */
.dropdown-menu.show {
  display: block;
}

/* ---------- Collapse / Accordion ---------- */
/* BS3: .collapse.in{display:block}  →  BS4: .collapse.show */
.collapse.show {
  display: block;
}

/* ---------- Modal ---------- */
/* BS4 modal JS 已直接 inline 設定 display:block，此處補齊背景與位移：
   - BS3 背景靠 .modal-backdrop.in{opacity:.5}
   - BS3 對話框位移靠 .modal.in .modal-dialog{transform:translate(0,0)} */
.modal.show {
  display: block;
}
.modal-backdrop.show {
  opacity: .5;
  filter: alpha(opacity=50);
}
.modal.fade.show .modal-dialog,
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* ---------- Tooltip / Popover ---------- */
/* 用量極少（tooltip 1 處）；補顯示與不透明度，箭頭外觀差異列為已知小瑕疵。 */
.tooltip.show {
  opacity: .9;
  filter: alpha(opacity=90);
}
.popover.show {
  display: block;
}