/* Footer — nền trong suốt nhẹ để thấy ảnh body (cùng một lớp với toàn trang) */
.ui-v4 .km-footer--ui-x4 {
	position: relative;
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, var(--v4-vi-22), transparent 55%),
		linear-gradient(180deg, rgba(18, 4, 32, 0.35) 0%, rgba(8, 2, 18, 0.82) 48%, rgba(4, 1, 12, 0.92) 100%);
	border-top: 1px solid var(--v4-divider);
	margin-top: 3rem;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.ui-v4 .km-footer--ui-x4::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 80px;
	pointer-events: none;
	opacity: 0.25;
	background: linear-gradient(180deg, var(--v4-vi-28), var(--v4-pk-10), transparent);
}

.ui-v4 .km-footer__heading {
	font-family: var(--v4-font-display);
	color: transparent;
	background: var(--v4-grad-text-accent);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: 0.05em;
	filter: drop-shadow(0 0 12px var(--v4-pk-25));
}

.ui-v4 .km-footer__link-list a {
	color: var(--v4-text-soft);
}

.ui-v4 .km-footer__link-list a:hover {
	color: var(--v4-accent);
}

.ui-v4 .km-footer__copy {
	color: var(--v4-text-dim);
}

.ui-v4 .km-footer__tagline {
	color: var(--v4-text-dim);
}

.ui-v4 .km-footer__accent {
	background: linear-gradient(90deg, transparent, var(--v4-secondary), var(--v4-fuchsia), var(--v4-primary), transparent);
	opacity: 0.55;
}