/* WP-48a / F1 全頁 RWD 檢查(第一批)破版修正 —— 只放破版的最小修正,集中在本檔(避免與 WP-47 改 style.css 衝突)。
   每一條註明:頁面、選擇器、原因。量測工具:dev/tests/wp48_rwd.sh。 */

/* ① product.php 加購商品卡(.addon-product-card):商品名 .card-title 設了 nowrap + ellipsis,但其父層 .flex-grow-1(flex 子項)
   預設 min-width:auto 會被長品名撐到 478px,再被外層 .align-items-start{overflow:hidden} 直接切掉 → 品名被截斷且沒有「…」(所有寬度)。
   min-width:0 讓子項可縮,原本設計的省略號生效(量測:內容 478 > 容器 311/292/227 → 0)。 */
.addon-product-card .flex-grow-1 {
	min-width: 0;
}

/* ② 主要操作鈕高 31px(差 1px,低於 32px 點擊區標準)→ 加到 32px(所有寬度,差 1px,桌機看不出差異):
   - product_compare.php 頁首工具列「繼續選購」「清空清單」(.compare-toolbar .btn.btn-sm)
   - payment_result.php / order_detail.php 訂單操作列「重新付款」等(.order-actions-btns .btn.btn-sm,partials/order_co_stack_card.php) */
.compare-toolbar .btn.btn-sm,
.order-actions-btns .btn.btn-sm {
	min-height: 32px;
}

/* ===== WP-48b / F1 RWD 第二批(量測工具:dev/tests/wp48b_rwd_js.sh)===== */

/* ③ 主要操作鈕 31/29px(低於 32px 點擊區標準)→ 32px(所有寬度,同 ②):
   - my_subscriptions.php 每筆訂閱的「改週期」「暫停/恢復」「跳過下一期」「取消訂閱」(WP-41b,.btn.btn-sm 31px)
   - order_detail.php 退貨申請區「送出退貨申請」(WP-33,#order-return,31px)、分享好評區「送出好評截圖」(WP-39,#review-feedback,29px) */
[data-wp41b-page="my-subscriptions"] form .btn.btn-sm,
#order-return .btn.btn-sm,
#review-feedback .btn.btn-sm {
	min-height: 32px;
}

/* ④ group.php 團購 +1 表單第一層分類鈕(.filter-btn,min-width 8em)在 group.php 內嵌樣式設 nowrap !important,
   分類 4 個以上時 375px 第 4 顆被外層 .container-fluid(overflow hidden)切掉一半(內容 392 > 容器 375)→ 手機寬度(<576px)改為可換行。
   選擇器多一層 .cardcat 提高權重(group.php 的內嵌 <style> 在本檔之後,同權重會蓋過本檔)。 */
@media (max-width: 575.98px) {
	.cardcat .first-layer-container {
		flex-wrap: wrap !important;
	}
}
