/* ============================================================
   footer.css — 页脚
   主站页脚是反色（近黑底白字）+ 多栏链接 + 大写小标题。
   栏目沿用主站：ABOUT JASGOOD / 客服支持 / 政策条款。
   ============================================================ */

.ct-footer,
.jg-footer {
	background: rgb(var(--jg-ink));
	color: rgb(var(--jg-paper));
	font-size: var(--jg-text-sm);
}

.ct-footer a,
.jg-footer a {
	color: rgb(var(--jg-paper) / .78);
}
.ct-footer a:hover,
.jg-footer a:hover {
	color: rgb(var(--jg-paper));
	opacity: 1;
}

/* 栏目标题 */
.jg-footer__heading,
.ct-footer .widget-title {
	font-size: var(--jg-text-xs);
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgb(var(--jg-paper));
	margin-bottom: 1.1em;
}

.jg-footer__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: var(--jg-stack-gap);
	padding-block: var(--jg-section-y);
}

.jg-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.jg-footer__list li + li { margin-top: .6em; }

/* 底栏：版权 + 回商城 */
.jg-footer__bottom {
	border-top: 1px solid rgb(var(--jg-paper) / .16);
	padding-block: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	font-size: var(--jg-text-xs);
	letter-spacing: .06em;
	color: rgb(var(--jg-paper) / .6);
}

/* ============================================================
   页脚商城入口条（inc/footer-shop.php）
   ------------------------------------------------------------
   接在近黑页脚之上，用同一套反色，视觉上和页脚是一体的。
   ============================================================ */
.jg-footer-shop {
	background: rgb(var(--jg-ink));
	color: rgb(var(--jg-paper));
	border-bottom: 1px solid rgb(var(--jg-paper) / .12);
}

.jg-footer-shop__inner {
	max-width: var(--jg-container-lg);
	margin-inline: auto;
	padding: var(--jg-section-y) var(--jg-gutter);
	text-align: center;
}

.jg-footer-shop__label {
	font-size: 10px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: rgb(var(--jg-paper) / .55);
	margin: 0 0 1.6em;
}

.jg-footer-shop__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .9em 2.2em;
}

.jg-footer-shop__list a {
	font-size: var(--jg-text-sm);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgb(var(--jg-paper) / .82);
	border-bottom: 1px solid transparent;
	padding-bottom: .3em;
	transition: border-color .2s ease, color .2s ease;
}
.jg-footer-shop__list a:hover {
	color: rgb(var(--jg-paper));
	border-bottom-color: rgb(var(--jg-paper));
	opacity: 1;
}

@media (max-width: 600px) {
	.jg-footer-shop__list { gap: .8em 1.4em; }
}