/*
 * 詢問清單頁對設計稿樣式（query_form.css、page-builder eforms.css）的覆寫。evomni/issues#171
 */

/* 送出鈕比照前台主要按鈕：品牌色底、白字。
   eforms.css 的 .submit-btn 是透明底＋var(--BtnPrimaryTextColor)，站台主題把該色設為白色時字會隱形 */
.query-contact .eforms-wrapper .submit-btn {
    border-color: var(--BtnPrimaryBg, #000);
    border-radius: var(--BtnBorderRadius, 0);
    background-color: var(--BtnPrimaryBg, #000);
    color: var(--BtnPrimaryTextColor, #fff);
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

@media (hover: hover) {
    .query-contact .eforms-wrapper .submit-btn:hover {
        border-color: var(--BtnPrimaryHoverBg, #606266);
        background-color: var(--BtnPrimaryHoverBg, #606266);
        color: var(--BtnPrimaryHoverTextColor, #fff);
    }
}

/* 清單為空時右欄隱藏：.query-contact 自帶 display:flex，會蓋掉 [hidden] 的預設隱藏 */
.query-contact[hidden] {
    display: none;
}

/* 右欄隱藏時左欄（空清單說明）佔滿整列 */
.query-form__grid:has(> .query-contact[hidden]) {
    grid-template-columns: 1fr;
}