/**
 * QBA Footer Readability
 *
 * The footer sits on a bright building photo; white nav text and the
 * group name wash out against the sky. Fixes, scoped to .qba-footer:
 *
 *  - Replace the flat 50% dim with a bottom-heavy dark gradient so
 *    text zones always have a dark backing while the photo still
 *    shows through up top.
 *  - Soft text shadow + slightly heavier nav links for extra contrast.
 *  - Underline hover feedback on footer nav links.
 */

.qba-footer .wp-block-cover__background.has-background-dim {
	background: linear-gradient(
		180deg,
		rgba(22, 22, 22, 0.3) 0%,
		rgba(22, 22, 22, 0.5) 45%,
		rgba(22, 22, 22, 0.68) 100%
	) !important;
	opacity: 1;
}

/* Keep the photo itself a touch darker so bright sky never fights text. */
.qba-footer .wp-block-cover__image-background {
	filter: brightness(0.92);
}

.qba-footer .wp-block-cover__inner-container p,
.qba-footer .wp-block-navigation a {
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
}

.qba-footer .wp-block-navigation a {
	font-weight: 500;
}

.qba-footer .wp-block-navigation a:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

/* Logo card: gentle lift off the photo. */
.qba-footer .wp-block-image img {
	border-radius: 4px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

@media (prefers-reduced-motion: no-preference) {
	.qba-footer .wp-block-navigation a {
		transition: text-decoration-color 0.15s ease;
	}
}

/* --- Sticky footer ------------------------------------------------------------
   On short pages (e.g. profile pages) the footer used to stop partway down
   the window, leaving a grey band of body background below it. Make the
   site wrapper a full-height flex column and let <main> grow, so the
   footer always rests at the bottom of the viewport. */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
}

.wp-site-blocks > main {
	flex-grow: 1;
}