/* ==========================================================================
   Footer navigation and language controls
   ========================================================================== */

.footer-navigation,
.footer-language,
.footer-legal-navigation {
	justify-self: end;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.footer-navigation .wp-block-navigation__container,
.footer-legal-navigation .wp-block-navigation__container {
	gap: var(--wp--preset--spacing--40);
	max-inline-size: 100%;
}

.footer-navigation .wp-block-navigation-item,
.footer-legal-navigation .wp-block-navigation-item {
	min-inline-size: 0;
}

.footer-navigation .wp-block-navigation-item__content,
.footer-legal-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-block-size: var(--wp--custom--accessibility--minimum-target-size);
	white-space: normal;
	overflow-wrap: anywhere;
}

.footer-navigation a:hover,
.footer-navigation a:focus-visible,
.footer-legal-navigation a:hover,
.footer-legal-navigation a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}


/* ==========================================================================
   Responsive navigation
   ========================================================================== */

@media (max-width: 800px) {

	.oqp-site-footer .footer-navigation,
	.oqp-site-footer .footer-legal-navigation {
		justify-self: start;
	}

	.oqp-site-footer .footer-language {
		justify-self: end;
	}

}

@media (max-width: 520px) {

	.oqp-site-footer .footer-navigation,
	.oqp-site-footer .footer-legal-navigation {
		inline-size: 100%;
	}

	.oqp-site-footer .footer-language {
		justify-self: start;
	}

	.oqp-site-footer .footer-navigation .wp-block-navigation__container,
	.oqp-site-footer .footer-legal-navigation .wp-block-navigation__container {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		gap: var(--wp--preset--spacing--20);
		inline-size: 100%;
	}

}