/* --- TablePress 手機版仿照 Honda 樣式 --- */
@media (max-width: 767px) {
    
    /* 1. 設定表格總寬度固定，不可超出螢幕 */
    .tablepress {
        width: 100% !important;
        table-layout: fixed !important; /* 關鍵：強制分配寬度 */
        margin: 0 auto !important;
        word-wrap: break-word !important; /* 長單字強制換行 */
    }

    /* 2. 全域儲存格設定：縮小字體、減少間距 */
    .tablepress tbody td, 
    .tablepress thead th {
        font-size: 13px !important;    /* 字體大小 (可自行微調) */
        line-height: 1.3 !important;   /* 行高 */
        padding: 8px 3px !important;   /* 上下8px，左右3px (盡量擠空間) */
        vertical-align: middle !important; /* 垂直置中 */
        text-align: center !important; /* 文字置中 */
        white-space: normal !important; /* 允許換行 */
    }

    /* 3. 【關鍵】手動分配 5 個欄位的寬度比例 */
    /* 總和必須是 100%，依照內容重要性分配 */
    
    /* 第1欄：車型 (字最多，給最大空間) */
    .tablepress .column-1 {
        width: 32% !important; 
        text-align: left !important; /* 車型靠左對齊比較好看 */
    }

    /* 第2欄：年份 */
    .tablepress .column-2 {
        width: 16% !important;
    }

    /* 第3欄：冷媒類型 */
    .tablepress .column-3 {
        width: 16% !important;
    }

    /* 第4欄：冷媒量 */
    .tablepress .column-4 {
        width: 16% !important;
    }

    /* 第5欄：冷凍油量 */
    .tablepress .column-5 {
        width: 20% !important;
    }

    /* 4. 優化標題欄 (讓標題像截圖一樣直向排列) */
    .tablepress thead th {
        vertical-align: bottom !important; /* 標題靠下 */
        background-color: #f8f8f8 !important; /* 淺灰底色 (選用) */
        color: #333 !important; /* 深黑字體 */
        font-weight: bold !important;
    }
}







/* 1. 隱藏全部 (這段維持不變) */
.product-category .woocommerce-loop-category__title {
    display: none !important;
}

/* 2. 特例設定：使用「網址結尾」嚴格鎖定 */
/* 符號 $= 的意思是：網址必須剛好以這串字「結束」才算數 */
/* 這樣就不會影響到後面的子分類了 */

/* 針對 RRS系列 (rrs) */
/* 請注意：網址最後面通常有斜線，所以我們要寫 /rrs/ */
.product-category a[href$="/rrs/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 冷媒回收機耗材 (rrs-parts) */
.product-category a[href$="/rrs-parts/"] .woocommerce-loop-category__title {
    display: block !important;
}


/* 針對 ECV (ecv) */
.product-category a[href$="/ecv/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 壓縮機 (compressors) */
.product-category a[href$="/compressors/"] .woocommerce-loop-category__title {
    display: block !important;
}
/* 針對 REFCO (REFCO) */
.product-category a[href$="/refco/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 ac-tools */
.product-category a[href$="/ac-tools/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 試漏工具 */
.product-category a[href$="/tester/"] .woocommerce-loop-category__title {
    display: block !important;
}
/* 針對 冷媒充氣表 */
.product-category a[href$="/ac-gauge/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 其他工具 */
.product-category a[href$="/other-tools/"] .woocommerce-loop-category__title {
    display: block !important;
}





/* 針對 evaporators */
.product-category a[href$="/evaporators/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 condenser */
.product-category a[href$="/condenser/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 冷氣修護耗材 */
.product-category a[href$="/ac-materials/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 冷媒回收機 */
.product-category a[href$="/recovery-machine/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 ERRECOM */
.product-category a[href$="/errecom/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 冷凍油 */
.product-category a[href$="/refrigeratoion-oil/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 PAG */
.product-category a[href$="/pag/"] .woocommerce-loop-category__title {
    display: block !important;
}

/* 針對 POE */
.product-category a[href$="/poe/"] .woocommerce-loop-category__title {
    display: block !important;
}



/* 針對 風嘴/充氣頭 */
.product-category a[href$="/valves/"] .woocommerce-loop-category__title {
    display: block !important;
}



/* 針對 清管液 */
.product-category a[href$="/cleaner/"] .woocommerce-loop-category__title {
    display: block !important;
}


/* 針對 風箱膠帶類 */
.product-category a[href$="/tapes/"] .woocommerce-loop-category__title {
    display: block !important;
}


/* 針對 職人黑魂 */
.product-category a[href$="/black-tool/"] .woocommerce-loop-category__title {
    display: block !important;
}




/*888888888888888888888888888888*/

/* --- 手機版強制雙欄 (Float 浮動暴力版) --- */
@media only screen and (max-width: 767px) {

    /* 1. 針對外框：解除原本的排版限制 */
    ul.products, 
    .woocommerce ul.products,
    .elementor-widget-woocommerce-products ul.products {
        display: block !important; /* 解除 Grid/Flex，改回傳統區塊 */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 5px !important; /* 左右留一點縫隙 */
    }

    /* 2. 針對產品卡片：強制向左浮動，寬度 50% */
    ul.products li.product, 
    .woocommerce ul.products li.product {
        width: 50% !important;  /* 強制佔一半寬度 */
        float: left !important; /* 全部向左靠齊 */
        clear: none !important; /* 禁止換行 */
        margin: 0 0 15px 0 !important; /* 底部留白 */
        padding: 0 5px !important; /* 卡片間隙 */
        box-sizing: border-box !important; /* 邊框計算修正 */
        border: none !important;
    }

    /* 3. 修正排列順序 (非常重要！)：每兩個產品後強制換行 */
    /* 這是 Float 排版必備的修正，防止長短腳跑版 */
    ul.products li.product:nth-child(2n+1) {
        clear: left !important; /* 第 1, 3, 5... 個產品強制換行 */
    }
    ul.products li.product:nth-child(2n) {
        clear: none !important; /* 第 2, 4, 6... 個產品繼續並排 */
        float: right !important; /* 偶數產品向右靠，確保中間有縫隙 */
    }

    /* 4. SKU 字體縮小 (維持您喜歡的樣子) */
    [class*="sku"], .sku {
        font-size: 10px !important;
        color: #aaa !important;
        font-weight: normal !important;
        display: block !important;
        margin-bottom: 2px !important;
    }

    /* 5. 圖片寬度修正 */
    ul.products li.product a img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto 5px auto !important;
    }
    
    /* 6. 標題文字修正 */
    .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
}


/*****************************************/