/*
 * Site footer — scoped under .bmx-footer. Reproduces the reference's
 * footer.css: dark navy widgets area (color-two), darker copyright bar
 * (color-eight), padding 116px/110px on the widgets area.
 */

.bmx-footer {
	background-color: var( --wp--preset--color--bmx-heading );
}

.bmx-footer__widgets {
	padding-top: 116px;
	padding-bottom: 110px;
}

.bmx-footer__row {
	gap: var( --wp--preset--spacing--40 );
}

.bmx-footer__brand {
	display: flex;
	flex-direction: column;
	gap: var( --wp--preset--spacing--20 );
}

/*
 * The site logo asset is solid black (designed for the light header
 * background) — inverted to white here for the dark footer rather than
 * substituting a different, mismatched legacy logo file.
 */
.bmx-footer__logo img {
	width: 170px;
	max-width: 100%;
	height: auto;
	filter: brightness( 0 ) invert( 1 );
}

.bmx-footer__description {
	margin: 0;
	max-width: 32ch;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: var( --wp--preset--color--base );
	opacity: 0.7;
}

.bmx-footer__title {
	margin: 0 0 20px;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-transform: capitalize;
	color: var( --wp--preset--color--base );
}

.bmx-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bmx-footer__list li {
	margin-bottom: 15px;
}

.bmx-footer__list li:last-child {
	margin-bottom: 0;
}

.bmx-footer__list a {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: var( --wp--preset--color--base );
	opacity: 0.7;
	text-decoration: none;
	transition: color 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

/*
 * Hover only on devices with real pointer-based hover (mouse/trackpad) —
 * excludes touchscreens so a tap doesn't leave the link stuck in its
 * "hovered" state with no way to un-hover it.
 */
@media ( hover: hover ) and ( pointer: fine ) {
	.bmx-footer__list a:hover,
	.bmx-footer__list a:focus-visible {
		color: var( --wp--preset--color--bmx-primary );
		opacity: 1;
		transform: translateX( 4px );
	}
}

.bmx-footer__copyright {
	padding: 40px 0;
	background-color: var( --wp--preset--color--bmx-dark );
}

.bmx-footer__copyright-text {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: rgba( 255, 255, 255, 0.7 );
}

.bmx-footer__copyright-text a {
	color: var( --wp--preset--color--bmx-primary );
	text-decoration: none;
	transition: opacity 0.25s ease;
}

@media ( hover: hover ) and ( pointer: fine ) {
	.bmx-footer__copyright-text a:hover,
	.bmx-footer__copyright-text a:focus-visible {
		opacity: 0.8;
	}
}