.nf-form-content .submit-container {
    text-align: right !important;
    display: block !important;
}

/* 隱藏寶石與金屬篩選器中的套用按鈕 */
.woo__archiveproduct__searchform section.widget button {
    display: none !important;
}
/* 1. 強制隱藏寶石與金屬篩選器下面的「套用」按鈕 */
.woo__archiveproduct__searchform .widget button,
.woo__archiveproduct__searchform .widget .button {
    display: none !important;
}

/* 2. 讓小工具內部的表單變成相對定位容器，方便安置偽裝箭頭 */
.woo__archiveproduct__searchform .widget form {
    position: relative !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. 強制將輸入框（Input）的外觀、寬高、邊框改到與隔壁 Select 完全一致 */
.woo__archiveproduct__searchform .widget input[type="text"],
.woo__archiveproduct__searchform .widget select {
    height: 34px !important;              /* 高度統一 */
    width: 150px !important;              /* 寬度統一，可根據需要增減 */
    padding: 6px 24px 6px 10px !important; /* 右側留出 24px 給偽裝箭頭 */
    border: 1px solid #ccc !important;    /* 邊框顏色 */
    border-radius: 4px !important;        /* 圓角 */
    background-color: #fff !important;
    font-size: 14px !important;
    color: #333 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* 4. 給輸入框（Input）單獨加上滑鼠指針，讓它看起來可以點擊 */
.woo__archiveproduct__searchform .widget input[type="text"] {
    cursor: pointer !important;
}

/* 5. 核心魔法：利用偽元素 (::after) 在 Input 的右側畫出一個向下的小箭頭 */
.woo__archiveproduct__searchform .widget form::after {
    content: "" !important;
    position: absolute !important;
    right: 10px !important;
    top: 55% !important;
    transform: translateY(-50%) !important;
    
    /* 用 CSS 畫出灰色向下三角形 */
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid #666 !important; 
    
    pointer-events: none !important; /* 確保點擊箭頭也能穿透點到輸入框 */
}

/* 如果隔壁原本的 select 已經自帶箭頭，排除 select 避免重複出現雙箭頭 */
.woo__archiveproduct__searchform .widget select + form::after {
    display: none !important;
}
