/* 搜尋按鈕修復 CSS - 確保搜尋按鈕始終可點擊 */
/* 修復 /search/ 頁面中 class="btn btn-default" 按鈕失效的問題 */

/* 確保所有搜尋按鈕都能點擊 - 使用更強的選擇器 */
button.btn.btn-default,
.btn.btn-default,
.quickSearch .btn.btn-default,
.indexSearch .btn.btn-default,
.input-group-btn .btn.btn-default,
.searchGroup .btn.btn-default,
.headerSearch .btn.btn-default {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* 確保按鈕在 hover 時有正常的反饋 */
.quickSearch .btn.btn-default:hover,
.indexSearch .btn.btn-default:hover,
.input-group-btn .btn.btn-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* 確保按鈕在 active 狀態時有正常的反饋 */
.quickSearch .btn.btn-default:active,
.indexSearch .btn.btn-default:active,
.input-group-btn .btn.btn-default:active {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

/* 確保 Vue.js 控制的按鈕不會被覆蓋 */
[v-cloak] .btn.btn-default,
.btn.btn-default[disabled],
.btn.btn-default.disabled {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
    filter: none !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}