/* Tallizen 商店頁商品列表 — 見 tallizen-shop-grid.php
 * PC 4 個/行、平板 3 個/行、手機 2 個/行，每頁 20 個。
 * 卡片樣式來自 tallizen-product-card.css（與首頁熱門商品同一份）。
 */

/* ---------- 頂部工具列（結果數 + 排序） ---------- */
.tz-shop-bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 24px;
	padding-bottom:16px;
	border-bottom:1px solid #EFE7D8;
}
.tz-shop-count{
	font-size:14.5px;
	color:#6B6157;
}
.tz-shop-bar .woocommerce-ordering{
	margin:0;
}
.tz-shop-bar .woocommerce-ordering select{
	min-width:190px;
	padding:9px 34px 9px 14px;
	font-size:14px;
	color:#2C2620;
	background-color:#fff;
	border:1px solid #DCCBA8;
	border-radius:10px;
}

/* ---------- 卡片網格 ---------- */
.tz-shop-grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:20px;
	margin:0 0 10px;
	padding:0;
	list-style:none;
}
.tz-shop-item{
	margin:0;
	padding:0;
	width:auto !important;
	float:none !important;
	clear:none !important;
	display:block;
}
.tz-shop-item .tz-hot-card{
	display:flex;   /* 首頁那組 display:none/.is-on 只在首頁 CSS，這裡保險 */
	width:100%;
	height:100%;
}
.tz-shop-item .tz-hot-body{
	flex:1;
}
.tz-shop-empty{
	text-align:center;
	color:#6B6157;
	font-size:16px;
	padding:60px 0;
}

/* ---------- 分頁 ---------- */
.tz-shop-pager{
	margin:44px 0 8px;
	display:flex;
	justify-content:center;
}
.tz-shop-pager .page-numbers{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	border:0;
	margin:0;
	padding:0;
}
.tz-shop-pager .page-numbers a,
.tz-shop-pager .page-numbers span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:42px;
	height:42px;
	padding:0 14px;
	font-size:15px;
	font-weight:600;
	color:#3A332A;
	background:#fff;
	border:1px solid #E4DACA;
	border-radius:10px;
	text-decoration:none;
	transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.tz-shop-pager .page-numbers a:hover{
	border-color:#B8860B;
	color:#B8860B;
}
.tz-shop-pager .page-numbers .current{
	color:#FFF8E7;
	background:#0F2A28;
	border-color:#0F2A28;
}

/* 平板：每行 3 個 */
@media (max-width: 1024px) and (min-width: 768px){
	.tz-shop-grid{
		grid-template-columns:repeat(3, 1fr);
		gap:16px;
	}
}

/* 手机：每行 2 個 */
@media (max-width: 767px){
	.tz-shop-grid{
		grid-template-columns:repeat(2, 1fr);
		gap:12px;
	}
	.tz-shop-item .tz-hot-cta{
		font-size:11px;
		letter-spacing:.5px;
		padding:7px 0;
	}
	.tz-shop-bar{
		margin-bottom:18px;
		padding-bottom:12px;
	}
	.tz-shop-count{font-size:13.5px}
	.tz-shop-bar .woocommerce-ordering,
	.tz-shop-bar .woocommerce-ordering select{
		width:100%;
	}
}

/* ============================================================
   商店列表套用首頁 .tz-hot 卡片同一套視覺 (2026-10-11)
   上方 .tz-shop-X 規則只負責容器與分頁佈局.
   卡片本體 (.tz-hot-card) 由這段接手: 純白底 / 無黃邊 / 黑字價 / 白底公分角標.
   ============================================================ */

.tz-shop-item .tz-hot-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  text-decoration:none;
  background:#FFFFFF;
  border:0 !important;        /* 原 .tz-hot-card 有 border:1px solid #EFE7D8 (淡黃) — 去掉 */
  border-radius:18px;
  box-shadow:none !important;  /* 原 shadow 也含淡黃陰影 — 去掉 */
  transition:transform .25s ease;
}
.tz-shop-item .tz-hot-card:hover{
  transform:translateY(-5px);
  border-color:transparent;
  box-shadow:none !important;
}
.tz-shop-item .tz-hot-media{
  background:#FFFFFF !important;  /* 原 linear-gradient 米色 → 純白 */
}
.tz-shop-item .tz-hot-cta{
  display:none !important;       /* 與首頁一致, 隱藏 "查看款式" */
}

/* 價格 — 全部黑 (含 NT$ 符號 + 數字 + 舊價) */
.tz-shop-item .tz-hot-price{
  display:block;
  font-size:17px;
  font-weight:800;
  color:#000 !important;
}
.tz-shop-item .tz-hot-price .woocommerce-Price-currencySymbol{color:#000 !important}
.tz-shop-item .tz-hot-price .amount{color:#000 !important; font-size:17px}
.tz-shop-item .tz-hot-price del{
  color:#000 !important;
  font-size:12.5px;
  font-weight:400;
  margin-right:6px;
  text-decoration:line-through;
}
.tz-shop-item .tz-hot-price ins{
  text-decoration:none;
  color:#000 !important;
}

/* 「+X cm」 角標 — 黑字白底藥丸, 字號 1.2x (12→14.4 PC, 10→12 mobile) */
.tz-shop-item .tz-hot-cm{
  position:absolute;
  top:20px;
  left:20px;
  z-index:2;
  display:inline-block;
  padding:4px 13px;
  font-size:14.4px;
  font-weight:800;
  letter-spacing:.5px;
  color:#000 !important;          /* 黑字 */
  background:#FFFFFF !important;  /* 純白藥丸底, 去掉金色漸變 */
  border-radius:999px;
  box-shadow:none !important;     /* 去掉金色陰影 */
}

@media (max-width:767px){
  .tz-shop-item .tz-hot-cm{
    top:13px;
    left:13px;
    font-size:12px;
    padding:3px 9px;
    letter-spacing:.5px;
  }
  .tz-shop-item .tz-hot-price{font-size:14px}
  .tz-shop-item .tz-hot-price .amount{font-size:14px}
}

/* PC only — 價格-標題間距與首頁一致 (-3px), 平板/手機保持默認 6px gap */
@media (min-width:1024px){
  .tz-shop-item .tz-hot-price{
    margin-top:-3px !important;
  }
}

/* probe 2026-10-11 07:23 — verify cache bumped */
.tz-shop-item .tz-hot-cm{outline:3px dashed red !important}