/*
Theme Name: KEEN Clone
Theme URI: https://www.keenfootwear.com
Author: Anon
Description: KEEN 官网 1:1 复刻主题。DOM 结构与 CSS 均取自官网原始资源（assets/css/ + assets/fonts/），本文件只放 WordPress 必需的少量补丁，避免与官网样式冲突。
Version: 2.0.0
Text Domain: keen-clone
Requires PHP: 7.4
Tags: e-commerce, woocommerce, custom-colors
*/

/* ============================================================
   注意：视觉样式全部来自 assets/css/ 下的官网原始 CSS，
   这里只保留 WordPress 主题必需的可访问性样式和
   尚未复刻的 WooCommerce 模板的过渡样式。
   ============================================================ */

/* --- 无障碍（WordPress 主题规范必需） --- */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.alignleft  { float: left;  margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* --- 过渡用：商品网格（列表页 1:1 复刻完成后会移除） --- */
.wrap {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 24px;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px 20px;
	margin: 32px 0;
}

.products-grid .product-card .thumb {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	background: #f5f5f5;
	overflow: hidden;
}

.products-grid .product-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.products-grid .product-card .title {
	display: block;
	margin: 12px 0 6px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	color: #151513;
	text-decoration: none;
}

.products-grid .product-card .price {
	font-size: 14px;
	color: #151513;
}

.products-grid .product-card .price del { color: #8a8a8a; margin-right: 6px; }
.products-grid .product-card .price ins { color: #c00; text-decoration: none; }

.products-grid .product-card .onsale {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #FFDD00;
	color: #000;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
}

.archive-header { padding: 40px 0 8px; }
.archive-header h1 { font-size: 32px; margin: 0 0 8px; }
.archive-header .count { color: #6b6b6b; font-size: 14px; }
.no-products { padding: 40px 0; color: #6b6b6b; }

@media (max-width: 1000px) {
	.products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}