/*
 * Footer part — ported from /reference/styles.css footer rules,
 * scoped to .site-footer with WP block selectors.
 */
.site-footer {
	background: url("../img/bg-pattern.svg") var(--brand-secondary) repeat top center;
	background-size: 3rem 3rem;
	line-height: 1.5rem;
	color: #fff;
	/* reference <footer class="border-top"> = Bootstrap utility #DEE2E6 */
	border-top: 1px solid #dee2e6;
}

@media (max-width: 768px) {
	.site-footer {
		background-size: 3.06rem 3.04rem;
	}
}

@media (min-width: 1200px) {
	.site-footer {
		background-size: 3.1rem 3.1rem;
	}
}

@media (min-width: 1400px) {
	.site-footer {
		background-size: 3rem 3rem;
		background-position: 1rem 0;
	}
}

.site-footer .footer-container {
	border-left: 1px solid rgba(255, 255, 255, 0.22);
	border-right: 1px solid rgba(255, 255, 255, 0.22);
	padding-top: 5rem;
	padding-bottom: 4rem;
}

.site-footer .logo {
	height: 100px;
	color: #fff;
	margin-bottom: 1rem;
	margin-left: -1rem;
}

.site-footer p {
	margin-bottom: 0;
	color: var(--white);
}

.site-footer p.m1 {
	font-weight: 700;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.site-footer h3 {
	color: #fff;
}

/* reference footer h3s carry .text-h3 (0.9rem/0.1rem rhythm) */
.wp-site-blocks .site-footer h3,
.editor-styles-wrapper .site-footer h3 {
	margin-top: 0.9rem;
	margin-bottom: 0.1rem;
}

.site-footer a {
	color: var(--white);
}

.site-footer .copy {
	margin-bottom: 0.5rem;
}

/* Columns: left bottom-aligned content, right end-aligned (reference cols) */
.site-footer .footer-columns {
	display: flex;
	gap: 1.5rem; /* reference .row.g-4 */
	align-items: stretch;
}

.site-footer .footer-col {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
}

.site-footer .footer-col-left {
	justify-content: flex-end;
}

.site-footer .footer-col-right {
	align-items: flex-end;
}

.site-footer .footer-col-right .copy {
	margin-top: auto;
}

/* Submenu — links styled like .btn.btn-tertiary-brand.btn-sm on dark ground */
.site-footer .wp-block-navigation.submenu,
.site-footer .wp-block-navigation.submenu .wp-block-navigation__container {
	gap: 1rem;
	display: flex;
	margin-top: 0.65rem;
}

.site-footer .submenu .wp-block-navigation-item__content {
	height: 42px;
	padding: 0 0.9rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: 1rem;
	border-radius: var(--radius);
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s ease-in-out;
}

.site-footer .submenu .wp-block-navigation-item__content:hover {
	background: rgba(255, 255, 255, 0.2);
}

/* Stack at the reference breakpoint (768px, not WP's 782px) */
@media (max-width: 767.98px) {
	.site-footer .footer-columns {
		flex-direction: column;
	}

	.site-footer .footer-col-right {
		align-items: flex-start;
	}
}