/**
 * 运营线活动页样式：礼品指南与节日专题。
 *
 * 只做页面级排版（分区节奏、引导语、日期行、分区边线、主图间距、空状态提示），
 * 商品网格与卡片外观归 assets/css/catalog.css（目录 owner）：
 * 目录短代码自带 yrxm-catalog--cols-N 栅格与响应式，本文件不重复定义列数，避免两套网格互相覆盖。
 *
 * 作用域限定在 .yrxm-entry-content .yrxm-campaign 内，不改写主题既有规则、不影响其他页面；
 * 由 functions.php 统一入队（本文件不自行 enqueue）。
 */

/* 1. 分区节奏：正文在 .yrxm-entry-content 内，覆盖其平均间距，让分区分得开。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign > * + * {
	margin-top: 28px;
}
body.yrxm-site .yrxm-entry-content .yrxm-campaign > h2 {
	margin-top: 56px;
}

/* 2. 引导语：比正文略大、颜色略淡，不抢标题。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-lede {
	max-width: 62ch;
	color: var(--yrxm-muted);
	font-size: clamp(17px, 1.4vw, 19px);
	line-height: 1.6;
}

/* 3. 节日专题：日期行加粗提示，便于运营每年只改这一句。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-date {
	font-weight: 600;
	letter-spacing: .02em;
}

/* 4. 对象/预算行：上边线分隔；行内标题与说明收一点间距。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-row {
	padding-block: 24px;
	border-top: 1px solid var(--yrxm-line);
}
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-row > h3 {
	margin-top: 0;
}
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-row > p {
	max-width: 58ch;
	color: var(--yrxm-muted);
}

/* 5. 商品集合容器：与目录栅格之间留一点呼吸，不重定义列数。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-picks {
	margin-top: 20px;
}

/* 6. 空状态 / 接口缺失提示：明确说明当前没有内容，不静默留白。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-empty {
	margin: 0;
	padding: 16px 0;
	color: var(--yrxm-muted);
	font-size: 15px;
}

/* 6.1 预算区「查看该价位全部」入口：轻量文字链接，不抢商品卡片。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-browse {
	display: inline-flex;
	align-items: center;
	margin-top: 16px;
	color: var(--yrxm-coral-dark);
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-note {
	margin: 12px 0 0;
	color: var(--yrxm-muted);
	font-size: 13px;
}

/* 7. 主图：与正文同宽的圆角图，不做全宽出血（page.php 容器固定 980px）。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .wp-block-image {
	margin: 0 0 32px;
}
body.yrxm-site .yrxm-entry-content .yrxm-campaign .wp-block-image img {
	border-radius: var(--yrxm-radius);
}

/* 8. 按钮组：沿用正文已有的按钮样式，这里只控制与上下文的间距。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* 9. 页内锚点：按钮跳到商品区（#collection）时留出与吸顶导航的距离。 */
body.yrxm-site .yrxm-entry-content .yrxm-campaign [id="collection"] {
	scroll-margin-top: 96px;
}

@media (max-width: 640px) {
	body.yrxm-site .yrxm-entry-content .yrxm-campaign > h2 {
		margin-top: 40px;
	}
	body.yrxm-site .yrxm-entry-content .yrxm-campaign .yrxm-campaign-row {
		padding-block: 20px;
	}
}