/*! © 2026 Oba Go 欧爸优选 shop.obago.com.au 版权所有，未经许可不得复制使用。Fingerprint: obgshop-kts9r7wjor */
/*
全站页尾（markup 在 mu-plugins/obago-footer.php）。每个页面都加载。配色、字号、布局跟主站 obago.com.au 的页尾一致。
三档布局：≥1100px 四栏；781~1099px 三栏、品牌栏放左下角；≤780px（跟 header 切手机版同一个断点）
品牌栏居中、分类和帮助两列并排、联系客服占满一行，二维码换成大图标按钮（手机上没法扫自己屏幕上的码）。
标题用阿里巴巴普惠体 600：子主题只托管了这一个字重（见 style.css），写 700 浏览器会拿 600 再人工加粗。
*/

/* 根选择器写成 .site-footer.obago-ft：Astra 内联 CSS 里有 .site-footer 的底色、
   .ast-hfb-header .site-footer 在 ≤780px 加的左右 20px 内边距，权重要追平才盖得住。 */
.site-footer.obago-ft {
	padding: 0;
	--obago-ft-bg: #2b2a28;
	--obago-ft-strong: #fbf8f4;
	--obago-ft-text: rgba(251, 248, 244, 0.72);
	--obago-ft-dim: #a39e95;
	--obago-ft-rule: rgba(251, 248, 244, 0.12);
	--obago-ft-chip: rgba(251, 248, 244, 0.08);
	--obago-ft-heading-font: "Alibaba PuHuiTi 3.0", "PingFang SC", "Microsoft YaHei", sans-serif;
	background: var(--obago-ft-bg);
	color: var(--obago-ft-text);
	font-size: 15px;
	line-height: 1.7;
}
.obago-ft p {
	margin: 0;
}

.obago-ft-main {
	max-width: 1240px;
	margin: 0 auto;
	padding: 72px 40px 56px;
	display: grid;
	grid-template-columns: 1.3fr 0.8fr 0.8fr 1.3fr;
	gap: 48px;
}
.obago-ft-col {
	display: grid;
	align-content: start;
	gap: 18px;
	min-width: 0;
}
.obago-ft-title {
	font-family: var(--obago-ft-heading-font);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.15em;
	color: var(--obago-ft-strong);
}
.obago-ft-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.obago-ft-links a,
.obago-ft-home {
	color: var(--obago-ft-text);
	text-decoration: none;
	transition: color 0.2s ease;
}
.obago-ft-links a:hover,
.obago-ft-links a:focus-visible,
.obago-ft-home:hover,
.obago-ft-home:focus-visible {
	color: #e8834b;
}
.obago-ft :focus-visible {
	outline: 2px solid #3e8fc4;
	outline-offset: 3px;
}

/* 文字 Logo：两行在 Logo 块内居中，Logo 块本身靠左跟简介对齐。中文的 letter-spacing 会在最后一个字后面
   也留一段空，居中时整行偏左，左边补同样宽度的 padding 抵消。 */
.obago-ft-logo {
	display: inline-grid;
	justify-items: center;
	justify-self: start;
	gap: 2px;
	text-decoration: none;
}
.obago-ft-logo-en {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 800;
	font-size: 30px;
	line-height: 1.1;
	letter-spacing: 0.01em;
	color: #3e8fc4;
}
.obago-ft-logo-zh {
	font-family: var(--obago-ft-heading-font);
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.3em;
	padding-left: 0.3em;
	color: var(--obago-ft-text);
}
.obago-ft-desc {
	max-width: 22em;
}
.obago-ft-home {
	justify-self: start;
	font-size: 14px;
}

/* 手机端联系客服的圆形大图标，hover 换成各自品牌色。 */
.obago-ft-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: var(--obago-ft-chip);
	color: var(--obago-ft-strong);
	display: grid;
	place-items: center;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}
.obago-ft-icon svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
}
.obago-ft-icon:hover,
.obago-ft-icon:focus-visible {
	color: #fff;
	transform: translateY(-2px);
}
/* 微信图标是 <button>，Astra 全局 button 样式（含 :focus 底色）权重 0,1,1，带上 .obago-ft 才盖得住。 */
.obago-ft .obago-ft-icon--wechat,
.obago-ft .obago-ft-icon--wechat:focus {
	background: var(--obago-ft-chip);
	color: var(--obago-ft-strong);
}
.obago-ft .obago-ft-icon--wechat:hover,
.obago-ft .obago-ft-icon--wechat:focus-visible {
	background: #07c160;
	color: #fff;
}
.obago-ft-icon--line:hover,
.obago-ft-icon--line:focus-visible {
	background: #06c755;
}

/* 电脑端联系方式：两张白底二维码卡片（码周围需要白边才扫得出来）。 */
.obago-ft-qrs {
	display: flex;
	gap: 20px;
}
.obago-ft-qr {
	margin: 0;
	display: grid;
	justify-items: center;
	gap: 8px;
}
.obago-ft-qr-card {
	background: #fff;
	border-radius: 12px;
	padding: 10px;
}
.obago-ft-qr-img {
	display: block;
	width: 104px;
	height: 104px;
}
.obago-ft-qr-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
}
.obago-ft-qr-label svg {
	width: 14px;
	height: 14px;
}
.obago-ft-qr-label--wechat svg {
	fill: #07c160;
}
.obago-ft-qr-label--line svg {
	fill: #06c755;
}
.obago-ft-contact-m {
	display: none;
}

.obago-ft-bar {
	border-top: 1px solid var(--obago-ft-rule);
}
.obago-ft-bar-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 22px 40px 26px;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	color: var(--obago-ft-dim);
}

/* 手机端微信二维码弹窗（popover：浏览器放在最上层、默认居中，点外面或按 Esc 自动关）。 */
.obago-ft-dialog {
	border: 0;
	border-radius: 16px;
	padding: 22px;
	width: 280px;
	max-width: calc(100vw - 32px);
	background: #fff;
	text-align: center;
}
.obago-ft-dialog:popover-open {
	display: grid;
	gap: 12px;
	justify-items: center;
}
.obago-ft-dialog::backdrop {
	background: rgba(30, 29, 27, 0.55);
}
.obago-ft-dialog img {
	width: 220px;
	height: 220px;
	max-width: 100%;
}
.obago-ft-dialog-title {
	font-weight: 600;
	color: #2b2a28;
}
.obago-ft-dialog-text {
	font-size: 14px;
	color: #6b6862;
}
.obago-ft-dialog .obago-ft-dialog-close,
.obago-ft-dialog .obago-ft-dialog-close:focus {
	border: 1px solid #3e8fc4;
	color: #3e8fc4;
	background: transparent;
	border-radius: 999px;
	padding: 6px 18px;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
}
.obago-ft-dialog .obago-ft-dialog-close:hover {
	background: #3e8fc4;
	color: #fff;
}

@media (max-width: 1099px) {
	.obago-ft-main {
		grid-template-columns: 1fr 1fr 288px;
		gap: 40px 32px;
	}
	.obago-ft-brand {
		grid-column: 1 / -1;
	}
}

/* 781~1099px 三栏：商品分类/购物帮助在第一行左两栏，右栏（联系客服二维码）纵跨两行，
   品牌区放到左下角横跨前两栏、底边跟二维码对齐，填掉两个链接栏下面的空白。只改视觉位置，HTML 顺序不变。 */
@media (min-width: 781px) and (max-width: 1099px) {
	.obago-ft-brand {
		grid-column: 1 / 3;
		grid-row: 2;
		align-self: end;
	}
	.obago-ft-col4 {
		grid-column: 3;
		grid-row: 1 / 3;
	}
}

@media (max-width: 780px) {
	.obago-ft-main {
		grid-template-columns: 1fr 1fr;
		gap: 36px 20px;
		padding: 48px 20px 36px;
	}
	.obago-ft-brand {
		justify-items: center;
		text-align: center;
	}
	.obago-ft-logo,
	.obago-ft-home {
		justify-self: center;
	}
	.obago-ft-col4 {
		grid-column: 1 / -1;
	}
	.obago-ft-qrs {
		display: none;
	}
	.obago-ft-contact-m {
		display: flex;
		gap: 28px;
	}
	.obago-ft-contact-item {
		display: grid;
		gap: 6px;
		justify-items: center;
		font-size: 13px;
	}
	.obago-ft-bar-inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 18px 20px 24px;
		gap: 4px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.obago-ft *,
	.obago-ft *::before,
	.obago-ft *::after {
		transition: none !important;
	}
}