/* ==========================================
   1. 買取按鈕文字替換與微調
   ========================================== */
.my-button-class {
    color: transparent !important;
}
.my-button-class::after {
    content: "買取リストへ";
    color: #333; /* 確保文字可見，避免繼承 transparent 變成透明 */
    display: inline-block;
}

/* ==========================================
   2. 隱藏購物車數量加減鈕與購買按鈕
   ========================================== */
/* 隱藏數量加減鈕 */
button.minus,
button.plus {
    display: none !important;
}

/* 隱藏數量輸入框 */
input[name="quantity"] {
    display: none !important;
}

/* 隱藏預設加入購物車 / 選項按鈕 */
.loop-add-to-cart-btn,
.add_to_cart_button,
.single_add_to_cart_button {
    display: none !important;
}

/* ==========================================
   3. 徹底消除頂部舊搜尋框黑框、線條與背景 (高權重覆蓋)
   ========================================== */
#header .search-bar,
#header .top-header .search-bar,
.top-header .search-bar,
.search-bar {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 650px !important; /* 搜尋框整體最大寬度 */
    width: 100% !important;
    margin: 0 auto !important;
}

/* 消除原主題可能存在的偽元素線條 */
#header .search-bar::before,
#header .search-bar::after,
.search-bar::before,
.search-bar::after {
    display: none !important;
    content: none !important;
}

/* ==========================================
   4. 讓 FiboSearch 及其內部元素 100% 展開撐滿
   ========================================== */
#header .search-bar .dgwt-wcas-search-wrapp,
.top-header .search-bar .dgwt-wcas-search-wrapp,
.search-bar .dgwt-wcas-search-wrapp {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* 撐滿 FiboSearch 內層表單與輸入框 */
.search-bar .dgwt-wcas-sf-wrapp,
.search-bar .dgwt-wcas-search-input {
    width: 100% !important;
}

/* ==========================================
   5. 手機版抽屜選單搜尋框優化
   ========================================== */
.phone-search-bar {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 10px 0 !important;
}
.phone-search-bar .dgwt-wcas-search-wrapp {
    width: 100% !important;
}