/*
 * Visual-only migration of the existing footer.
 * Its grid, dimensions, spacing and logo rules remain in the legacy stylesheet.
 */
.dir-ui-site-footer {
	color: var(--dir-ui-color-neutral-300);
	background: var(--dir-ui-color-neutral-900);
	font-family: var(--dir-ui-font-body);
}

.dir-ui-site-footer .dir-footer-links h2,
.dir-ui-site-footer .dir-footer-social h2 {
	color: var(--dir-ui-color-neutral-0);
	font-family: var(--dir-ui-font-heading);
}

.dir-ui-site-footer .dir-footer-brand p,
.dir-ui-site-footer .dir-footer-links a,
.dir-ui-site-footer .dir-footer-bottom p {
	color: var(--dir-ui-color-neutral-300);
}

.dir-ui-site-footer .dir-footer-email,
.dir-ui-site-footer .dir-footer-bottom a {
	color: var(--dir-ui-color-brand-on-dark);
}

.dir-ui-site-footer .dir-footer-links a:hover,
.dir-ui-site-footer .dir-footer-links a:focus-visible {
	color: var(--dir-ui-color-brand-on-dark);
}

.dir-ui-site-footer .dir-footer-email:hover,
.dir-ui-site-footer .dir-footer-email:focus-visible,
.dir-ui-site-footer .dir-footer-bottom a:hover,
.dir-ui-site-footer .dir-footer-bottom a:focus-visible {
	color: var(--dir-ui-color-neutral-0);
}

.dir-ui-site-footer .dir-footer-bottom {
	border-top-color: var(--dir-ui-color-neutral-700);
}

.dir-ui-site-footer .dir-footer-social a {
	color: var(--dir-ui-color-neutral-300) !important;
	background: rgb(255 255 255 / 0.06);
	border-color: var(--dir-ui-color-neutral-700);
	border-radius: var(--dir-ui-radius-sm) !important;
	box-shadow: none;
	transition:
		color var(--dir-ui-transition-normal),
		background-color var(--dir-ui-transition-normal),
		border-color var(--dir-ui-transition-normal),
		box-shadow var(--dir-ui-transition-normal),
		transform var(--dir-ui-transition-normal);
}

.dir-ui-site-footer .dir-footer-social .dir-icon {
	color: currentcolor;
	transition: transform var(--dir-ui-transition-normal);
}

.dir-ui-site-footer .dir-footer-social a:hover,
.dir-ui-site-footer .dir-footer-social a:focus-visible {
	color: var(--dir-ui-color-neutral-0) !important;
	background: var(--dir-ui-color-brand-accessible);
	border-color: var(--dir-ui-color-brand-primary);
	box-shadow: 0 8px 18px rgb(1 155 35 / 0.24);
	transform: translateY(-3px);
}

.dir-ui-site-footer .dir-footer-social a:hover .dir-icon,
.dir-ui-site-footer .dir-footer-social a:focus-visible .dir-icon {
	transform: scale(1.08) rotate(-3deg);
}

.dir-ui-site-footer .dir-footer-social a:active {
	box-shadow: none;
	transform: translateY(0) scale(0.96);
}

.dir-ui-site-footer :where(a):focus-visible {
	outline: 3px solid var(--dir-ui-color-focus);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.dir-ui-site-footer .dir-footer-social a,
	.dir-ui-site-footer .dir-footer-social .dir-icon {
		transition-duration: 0.01ms;
	}

	.dir-ui-site-footer .dir-footer-social a:hover,
	.dir-ui-site-footer .dir-footer-social a:focus-visible,
	.dir-ui-site-footer .dir-footer-social a:active,
	.dir-ui-site-footer .dir-footer-social a:hover .dir-icon,
	.dir-ui-site-footer .dir-footer-social a:focus-visible .dir-icon {
		transform: none;
	}
}