/**
 * WORKS site footer.
 *
 * Styles the footer background, content, navigation,
 * and responsive layout on smaller screens.
 */

.works-site-footer {
	padding: 1rem 0;
	color: #e4edf6;
	background: #06172d;
	font-size: 0.82rem;
}

.works-footer-inner {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.works-footer-inner > span {
	font-weight: 800;
}

.works-footer-inner nav {
	display: flex;
	gap: 1rem;
	margin-left: auto;
}

.works-footer-inner nav a {
	color: inherit;
	text-decoration: none;
}

.works-footer-inner small {
	margin-left: 1rem;
	color: #b7c5d5;
}

/* Stack and center footer content on small screens. */
@media (max-width: 700px) {
	.works-footer-inner {
		flex-wrap: wrap;
		justify-content: center;
	}

	.works-footer-inner nav {
		margin-left: 0;
	}

	.works-footer-inner small {
		width: 100%;
		margin: 0;
		text-align: center;
	}
}