/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 10 2026 | 13:19:47 */
/* =========================================================
   EasyPack 聯絡表單高質感優化版 (已排除 WoodMart 衝突)
========================================================= */

/* --- 1. 聯絡表單整體容器 (增加懸浮立體感) --- */
.wpcf7-form {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 1px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid #f3f4f6; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    max-width: 100%;
    box-sizing: border-box;
}

.wpcf7-form .row {
    margin-bottom: 20px;
}

.wpcf7-form label {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    font-size: 15px;
}

.wpcf7-form .required {
    color: #ef4444;
    margin-left: 4px;
}

/* --- 2. 輸入框與文字區域 (增加凹陷立體感) --- */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background-color: #f9fafb;
    font-size: 15px;
    color: #1f2937;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 針對國碼選擇器的左側內距 */
.wpcf7-form .country-select input {
    padding-left: 50px !important; 
}

/* 替換為 EasyPack 品牌綠 (#37A246) */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    border-color: #37A246;
    background-color: #ffffff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(55, 162, 70, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* --- 3. 產品詢問清單 (按鈕化勾選區) --- */
.wpcf7-form .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* 增加按鈕之間的呼吸空間 */
    margin-top: 5px;
}

/* 強制解除 WoodMart 全域 CSS 造成的 50% 寬度與奇偶數內距衝突 */
.wpcf7-form .wpcf7-list-item {
    margin: 0 !important;
    width: auto !important; 
    padding: 0 !important;
}

.wpcf7-form .wpcf7-list-item label {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #4b5563;
    cursor: pointer;
    padding: 10px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); 
    transition: all 0.2s ease;
    margin-bottom: 0;
}

.wpcf7-form .wpcf7-list-item label:hover {
    background-color: #f3f4f6;
    border-color: #37A246; /* 滑鼠懸浮時邊框亮起品牌綠 */
}

.wpcf7-form .wpcf7-list-item input[type="checkbox"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #37A246; /* 替換為品牌綠 */
}

/* --- 4. 提交按鈕 (替換為 EasyPack 品牌橘 #EC643B) --- */
.wpcf7-form .wpcf7-submit {
    background-color: #ec643b; 
    color: #ffffff;
    font-weight: 600;
    padding: 16px 32px;
    border: none;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(236, 100, 59, 0.3), 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    margin-top: 10px;
}

.wpcf7-form .wpcf7-submit:hover {
    background-color: #d45630; /* 游標移過時顏色微調加深 */
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(236, 100, 59, 0.4), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.wpcf7-form .wpcf7-submit:active {
    transform: translateY(2px);
    box-shadow: 0 1px 2px rgba(236, 100, 59, 0.3);
}

/* --- 5. 徹底消滅 CF7 的隱形幽靈框與多餘空白 --- */
.screen-reader-response {
    display: none !important;
    position: absolute !important;
    height: 0 !important;
    opacity: 0 !important;
}

.wpcf7-form .hidden-fields-container,
fieldset.hidden-fields-container {
    display: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

.wpcf7-form p:empty,
.wpcf7-form br {
    display: none !important;
}

.wpcf7-response-output:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* =========================================================
   6. 下拉式選單 (Select) 專屬高質感樣式
========================================================= */
.wpcf7-form select.wpcf7-select {
    width: 100% !important;
    padding: 12px 40px 12px 16px !important; /* 右側保留 40px 空間給自訂箭頭 */
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background-color: #f9fafb !important;
    font-size: 15px !important;
    color: #1f2937 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    cursor: pointer !important;

    /* 隱藏瀏覽器原生超醜的下拉箭頭 */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* 換上高質感的自訂 SVG 箭頭圖示 */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 16px 16px !important;
}

/* 下拉選單點擊/聚焦時的品牌綠外發光效果 */
.wpcf7-form select.wpcf7-select:focus {
    border-color: #37A246 !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(55, 162, 70, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* 下拉選單專屬對齊 (右側保留自訂箭頭的空間) */
html body .wpcf7-form select.wpcf7-select {
    height: 48px !important;
    padding: 0 40px 0 16px !important;
    line-height: 48px !important;
}

/* 下拉選單的「請選擇選項...」文字設定為提示字顏色 */
html body .wpcf7-form select.wpcf7-select option[value=""] {
    color: #9ca3af !important;
}