/* 最終修正版：外框填充 (Ghost Fill) 風格 */

/* 整個篩選器容器的間距調整 */
.rt-tpg-container .rt-tpg-isotope-buttons {
    margin-bottom: 40px !important;
    text-align: center; /* 讓按鈕置中 */
}

/* 按鈕的基本樣式 (使用我們找到的正確選擇器) */
.rt-tpg-container .rt-tpg-isotope-buttons button {
    background-color: transparent !important; /* 背景透明 */
    color: #0d6efd !important; /* 文字顏色為主題藍色 */
    border: 2px solid #0d6efd !important; /* 邊框為主題藍色 */
    border-radius: 8px !important; /* 微圓角 */
    padding: 10px 25px !important;
    margin: 5px !important;
    font-weight: 600 !important; /* 字體加粗 */
    transition: all 0.3s ease !important; /* 加入流暢的過渡動畫 */
}

/* 滑鼠移上去時的樣式 */
.rt-tpg-container .rt-tpg-isotope-buttons button:hover {
    background-color: #0d6efd !important; /* 背景用主題藍色填滿 */
    color: #ffffff !important; /* 文字變白色 */
}

/* 當前選中項目的樣式 */
.rt-tpg-container .rt-tpg-isotope-buttons button.selected {
    background-color: #0d6efd !important; /* 背景用主題藍色填滿 */
    color: #ffffff !important; /* 文字變白色 */
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3); /* 加上藍色光暈 */
}
/* --- 文章卡片等高 (最終備案：設定最小高度) --- */
.rt-tpg-container .isotope-item {
    min-height: 410px; /* 您可以調整這個數值，直到滿意為止 */
}
/* --- 加大 Jetpack 表單欄位的字體與間距 --- */
.contact-form .grunion-field-wrap input[type="text"],
.contact-form .grunion-field-wrap select,
.contact-form .grunion-field-wrap textarea {
    font-size: 16px; /* 您可以將 16px 這個數字調整成您喜歡的大小，例如 15px 或 1em */
    padding-top: 10px;    /* 增加內部上下邊距，讓文字更置中 */
    padding-bottom: 10px; /* 增加內部上下邊距，讓文字更置中 */
}
/* --- 加大 Jetpack 表單欄位的字體與間距 --- */

/* 1. 這是欄位標題 (例如：「您感興趣的加值服務」) 的樣式 */
.contact-form label {
    font-size: 18px;    /* 您可以將 18px 這個數字調整成您喜歡的大小 */
    font-weight: 600;   /* 這是字體粗細 (600是半粗體)，如果不需要可以刪除 */
    margin-bottom: 8px; /* 增加標題和下方輸入框的間距，讓版面更清晰 */
}

/* 2. 這是欄位內部文字 (例如：「營業用車車額_購買」) 的樣式 */
.contact-form .grunion-field-wrap input[type="text"],
.contact-form .grunion-field-wrap select,
.contact-form .grunion-field-wrap textarea {
    font-size: 16px; 
    padding-top: 10px;    
    padding-bottom: 10px; 
}

/* --- 顏色設定 --- */

/* 3. 【買家委託】區塊顏色設定 */
/* 只將帶有 case-label 身份證的文字設為紅色 */
.cases-for-buyer .case-label {
    color: #ff0000 !important; /* 紅色 */
}

/* 4. 【待售案件】區塊顏色設定 */
/* 只將帶有 case-label 身份證的文字設為藍色 */
.cases-for-sale .case-label {
    color: #4777F1 !important; /* 您指定的藍色 */
}
 
ad：廣告
/* * V6 方案：
 * 直接鎖定表單 ID 4 和 ID 5，
 * 並修改我們在開發者工具中看到的 .ff-el-form-control class
 */

#fluentform_4 .ff-el-form-control,
#fluentform_5 .ff-el-form-control {
    font-size: 30px !important;
}
/* ------------------------------------- */
/* 程式指導師 - 修正卡片等高 (最終版) */
/* ------------------------------------- */
.entry-content .gb-query .gb-looper {
    display: grid !important;
    gap: 40px !important; 
}
.entry-content .gb-query .gb-loop-item {
    width: auto !important;
    margin: 0 !important;
}

/* --- 美化 Swiper 導航按鈕 (您可以自訂) --- */

/* 我們用 ID 來鎖定這個區塊，才不會影響全站 */
#selected-cases .swiper-button-prev,
#selected-cases .swiper-button-next {
    /* GenerateBlocks 按鈕預設樣式很重，
      我們把它重置回 Swiper 喜歡的樣子 
    */
    position: absolute; /* 絕對定位 (關鍵) */
    top: 50%; /* 垂直置中 */
    transform: translateY(-50%);
    z-index: 10;
    
    /* 移除 GenerateBlocks 的背景和邊框 */
    background: #FFF; /* 給個白色底 */
    border: 1px solid #DDD;
    border-radius: 50%; /* 變圓形 */
    padding: 0;
    margin: 0; /* 移除 GB 的 margin */
    
    width: 44px;  /* 固定寬高 */
    height: 44px;
    
    /* 讓 GenerateBlocks 的文字和圖示正確顯示 */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* 讓 GenerateBlocks 的 SVG 圖示變小 */
    font-size: 18px; 
}

/* --- 
   修正輪播參照點 (關鍵！讓按鈕不會飛走) 
--- */
#selected-cases {
    position: relative;
}

/* --- 美化 Swiper 導航按鈕 --- */
#selected-cases .swiper-button-prev,
#selected-cases .swiper-button-next {
    /* GenerateBlocks 按鈕預設樣式很重，
      我們把它重置回 Swiper 喜歡的樣子 
    */
    position: absolute; /* 絕對定位 (關鍵) */
    top: 50%; /* 垂直置中 */
    transform: translateY(-50%);
    z-index: 10;
    
    /* 移除 GenerateBlocks 的背景和邊框 */
    background: #FFF; /* 給個白色底 */
    border: 1px solid #DDD;
    border-radius: 50%; /* 變圓形 */
    padding: 0;
    margin: 0;
    
    width: 44px;  /* 固定寬高 */
    height: 44px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px; 
}

/* 移除 GenerateBlocks 按鈕的文字 */
#selected-cases .gb-button-text {
    display: none;
}
/* 讓 GenerateBlocks 的 SVG 圖示顯示 */
#selected-cases .gb-icon {
    display: inline-flex;
}

/* --- 按鈕位置 --- */
#selected-cases .swiper-button-prev {
    left: 10px; /* 上一張 靠左 */
}
#selected-cases .swiper-button-next {
    right: 10px; /* 下一張 靠右 */
}

/* --- 調整輪播主體，讓按鈕有空間放 (修正殘影) --- */
#selected-cases .my-cases-swiper {
    position: relative; 
    padding-left: 60px;  /* 留空給左按鈕 */
    padding-right: 60px; /* 留空給右按鈕 */
}

/* (選用) 美化分頁圓點 */
#selected-cases .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 20px;
}
#selected-cases .swiper-pagination-bullet {
    background: #000;
    opacity: 0.3;
}
#selected-cases .swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}

/* 手機版時，隱藏按鈕並移除 padding */
@media (max-width: 768px) {
    #selected-cases .my-cases-swiper {
        padding-left: 0;
        padding-right: 0;
    }
    
    #selected-cases .swiper-button-prev,
    #selected-cases .swiper-button-next {
        display: none; 
    }
}

/* --- 
   修正 Swiper 預設按鈕「太淺」的問題 
--- */

/* 1. 讓按鈕的「背景」更明顯 
    (白色底 + 灰色框) 
*/
#selected-cases .swiper-button-prev,
#selected-cases .swiper-button-next {
    background-color: #FFFFFF; /* 確保是純白底 */
    border: 1px solid #B0B0B0; /* 加深邊框顏色 */
}

/* 2. 讓按鈕「裡面」的箭頭圖示變黑色 
    (Swiper 預設是用 ::after 偽元素)
*/
#selected-cases .swiper-button-prev::after,
#selected-cases .swiper-button-next::after {
    color: #222222; /* 箭頭改為黑色 */
    font-size: 16px; /* 箭頭大小 */
    font-weight: 900; /* 加粗 */
}