/*
 * 商品目录（[yrxm_catalog]）补充样式。
 *
 * 只补充网格列数与筛选链接形态；卡片外观沿用 modern.css 的 .yrxm-product-card，
 * 不重复定义品牌视觉。由主线程在 functions.php 中排队加载。
 */

body.yrxm-site .yrxm-catalog {
	margin-top: 32px;
}

/* 1. 筛选链接：沿用 .yrxm-filter-tab 的胶囊外观，去掉链接默认下划线。 */
body.yrxm-site .yrxm-catalog .yrxm-filter-tab {
	color: inherit;
	text-decoration: none;
}

body.yrxm-site .yrxm-catalog .yrxm-filter-tab.is-active {
	color: var(--yrxm-paper);
}

/* 2. 筛选栏两行结构：系列与面料各自换行，计数贴右。 */
body.yrxm-site .yrxm-catalog-filters {
	flex-wrap: wrap;
	align-items: flex-start;
	row-gap: 12px;
}

body.yrxm-site .yrxm-catalog-filters .yrxm-product-count {
	margin-left: auto;
}

/* 3. 面料标签比系列标签轻一档，避免两排胶囊权重相同。 */
body.yrxm-site .yrxm-catalog .yrxm-filter-tab--fabric {
	min-height: 36px;
	padding: 6px 12px;
	font-size: 12px;
}

/* 4. 目录网格列数：默认 3 列，窄屏逐级降到 2 列与 1 列。 */
body.yrxm-site .yrxm-catalog--cols-2 .yrxm-catalog-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.yrxm-site .yrxm-catalog--cols-3 .yrxm-catalog-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.yrxm-site .yrxm-catalog--cols-4 .yrxm-catalog-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 900px) {
	body.yrxm-site .yrxm-catalog--cols-3 .yrxm-catalog-grid,
	body.yrxm-site .yrxm-catalog--cols-4 .yrxm-catalog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.yrxm-site .yrxm-catalog--cols-2 .yrxm-catalog-grid,
	body.yrxm-site .yrxm-catalog--cols-3 .yrxm-catalog-grid,
	body.yrxm-site .yrxm-catalog--cols-4 .yrxm-catalog-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* 5. 空状态保留原有留白，另给一个回到全部单品的入口。 */
body.yrxm-site .yrxm-catalog .yrxm-empty-collection .yrxm-button {
	margin-top: 16px;
}