/**
 * yb-home-console · F 线:节日主题包前台样式(SPEC §17.3 第 1 层)
 *
 * 颜色只在 body 带对应 yb-hc-has-* class 时才生效 —— 没设色就完全不碰主题。
 * 明确不碰:.single_add_to_cart_button、.price、结帐相关一律不写选择器。
 */

/* ---------- header 底色(容器来自 porto-child/inc/yb-sf-header.php:329) ---------- */
.yb-hc-has-header-bg #yb-sf-header,
.yb-hc-has-header-bg #yb-sf-header .yb-sf-header__inner {
	background-color: var(--yb-hc-header-bg);
	transition: background-color 400ms ease;
}

/* ---------- 主题公告条(yb-hc-ticker,输出在 header chrome 之前) ---------- */
.yb-hc-ticker {
	display: block;
	width: 100%;
	padding: 7px 14px;
	background-color: var(--yb-hc-ticker-bg, #2b3a67);
	color: #fff;
	font-size: 13px;
	line-height: 1.45;
	text-align: center;
	text-decoration: none;
	letter-spacing: .01em;
}

.yb-hc-ticker:hover,
.yb-hc-ticker:focus {
	color: #fff;
	text-decoration: none;
	filter: brightness(1.08);
}

.yb-hc-ticker__text {
	display: inline-block;
	max-width: 92%;
}

/* 站内既有的 yb-sf-announce 底色也跟着走(只在有设色时) */
.yb-hc-has-ticker-bg .yb-sf-announce {
	background-color: var(--yb-hc-ticker-bg);
}

/* ---------- 强调色:只用在本包自己的标签上 ---------- */
.yb-hc-pack-badge {
	display: inline-block;
	margin: 0 0 6px;
	padding: 2px 8px;
	border-radius: 999px;
	background-color: var(--yb-hc-accent, #d9a441);
	color: #fff;
	font-size: 11px;
	line-height: 1.6;
	font-weight: 600;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}

/* ---------- 特效层通用容器:压在 hero 下、header 上,永不吃点击 ---------- */
.yb-hc-fx {
	position: fixed;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	overflow: hidden;
	transition: opacity 1200ms ease;
}

.yb-hc-fx.is-faded {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	.yb-hc-fx {
		transition: none;
	}
}