/* ==========================================================================
   TechEZ 自訂頁尾 —— 取代 Elementor 樣板 22426
   規格來源：線上 footer 渲染結果 + Elementor 內嵌 CSS（2026-08-31 抽取）
   ========================================================================== */

.tz-custom-footer {
	--tz-footer-bg:   #333333;
	--tz-footer-text: #C8D5DC;
	--tz-footer-head: #FFFFFF;
	--tz-footer-max:  1200px;
	--tz-accent:      #d3b574;
	--tz-font:        "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}

.tz-custom-footer #footer { background: var(--tz-footer-bg); }

.tz-footer {
	background: var(--tz-footer-bg);
	color: var(--tz-footer-text);
	font-family: var(--tz-font);
	font-size: 14px;
	line-height: 1.9;
}

.tz-footer .tz-container {
	max-width: var(--tz-footer-max);
	margin-inline: auto;
	padding-inline: 15px;
	width: 100%;
}

.tz-footer__grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr;
	gap: 40px;
	padding-block: 56px 44px;
}

.tz-footer__brand {
	margin: 0 0 16px;
	color: var(--tz-footer-head);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}

.tz-footer__heading {
	margin: 0 0 16px;
	color: var(--tz-footer-head);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}

.tz-footer__meta,
.tz-footer__links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tz-footer__meta li,
.tz-footer__links li { margin: 0 0 6px; }

.tz-footer a {
	color: var(--tz-footer-text);
	text-decoration: none;
	transition: color .18s ease;
}

.tz-footer a:hover,
.tz-footer a:focus-visible { color: var(--tz-accent); }

.tz-footer__links span { opacity: .75; }

.tz-footer__bar {
	border-top: 1px solid rgba(255, 255, 255, .12);
	padding-block: 20px;
	font-size: 13px;
	text-align: center;
}

@media (max-width: 900px) {
	.tz-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: 32px;
		padding-block: 44px 32px;
	}
	.tz-footer__col--company { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
	.tz-footer__grid { grid-template-columns: 1fr; }
}