/* AA 2.4.7 焦點可視：鍵盤焦點指示
   本檔必須在所有樣式表之後載入。
   原本這些規則寫在 style.css，但部分頁面還會在其後載入
   material_green.min.css、UserDefine.css 等，造成焦點樣式被覆蓋
   (實測：無帳號申請查詢頁的眼睛圖示仍為低對比的灰色焦點框)。
   獨立成檔並排在最後載入，可不依賴特異性猬測而穩定生效。 */

/* AA 2.4.7 焦點可視：連結以外的互動元件(按鈕、單選鈕、核取方塊、下拉選單等)

   原本沒有明顯的鍵盤焦點指示——

   例如顯示/隱藏密碼的眼睛圖示(.toggle-password)與燈箱關閉鈕(#cboxClose)完全沒有焦點框，

   Bootstrap(wrapkitStyle.css)則以 outline:0 搭配淡色 box-shadow，在本站配色下對比不足。

   此處統一改為與連結一致的橘色虛線外框，並以 !important 覆寫上述規則。 */

button:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus,

input[type="submit"]:focus,

input[type="button"]:focus,

input[type="image"]:focus,

input[type="file"]:focus,

select:focus,

textarea:focus,

[tabindex]:focus {

    outline: 2px dashed #ff9100 !important;

    outline-offset: 2px;

}



/* 單選鈕／核取方塊本身尺寸小，焦點框貼齊邊緣較易辨識 */

input[type="radio"]:focus,

input[type="checkbox"]:focus {

    outline-offset: 1px;

}



/* Bootstrap 按鈕(.btn)聚焦時，瀏覽器會以自身的 focus ring 取代 outline 的寬度與顏色

   (實測 .btn-outline-secondary 僅 outline-style 可由樣式表控制，寬度與顏色固定為

   3px 與 currentColor)，導致焦點指示仍是低對比的灰色。

   Bootstrap 本身即以 box-shadow 呈現按鈕焦點，故一併改為橘色光暈，

   確保無論 outline 是否生效都有高對比的焦點指示。 */

.btn:focus,

.btn:focus-visible {

    box-shadow: 0 0 0 0.25rem rgba(255, 145, 0, 0.55) !important;

}



/* 燈箱(colorbox)關閉鈕以背景圖呈現且文字縮排至畫面外，

   焦點框需貼齊圖示範圍才看得到 */

#cboxClose:focus,

#cboxPrevious:focus,

#cboxNext:focus,

#cboxSlideshow:focus {

    outline: 2px dashed #ff9100 !important;

    outline-offset: 0;

}

/* input-group 內的附加按鈕(例如密碼欄位旁顯示/隱藏密碼的眼睛圖示)。
   這類按鈕緊鄰輸入框，虛線外框容易與輸入框邊界混在一起，
   故聚焦時另以高對比底色呈現，讓焦點位置更明確。
   註：Bootstrap 的 .btn 帶有 transition，聚焦後顏色是漸變的；
       outline-color 取自 currentColor，動畫期間會短暫顯示為原本的灰色。 */
.input-group .btn:focus,
.input-group .btn:focus-visible {
    background-color: #ff9100 !important;
    border-color: #8a4f00 !important;
    color: #000000 !important;
}