/* =========================
   Footer (Bonnie Rogues)
   Mobile first, desktop >= 920px
========================= */
.site-footer{
	background		: var(--brand-dark);
	color				: var(--light);
}
.home .site-footer {
	background		: transparent;
}
.footer-wrap{
	width				: min(var(--width-constrained), 100%);
	margin-inline	: auto;
}
.footer-top{
	padding			: 56px 24px 40px;
	text-align		: center;
}
.footer-brand__logo{
	display			: block;
	margin			: 0 auto 18px;
	height			: auto;
	max-width		: 240px;
}

/* Address (mobile shows) */
.footer-address{
	font-style		: normal;
	font-family		: var(--font-ui);
	font-size		: 16px;
	line-height		: 1.5;
	margin			: 0 auto 22px;
	color				: rgba(255,255,255,.92);
}

/* Social icons row */
.footer-social{
	display			: flex;
	justify-content: center;
	gap				: 34px;
	margin			: 0 auto 26px;
}
.footer-social__link{
	display			: inline-flex;
	align-items		: center;
	justify-content: center;
	width				: 30px;
	height			: 30px;
	text-decoration: none;
	color				: var(--light);
	border-radius	: 0;
}
.footer-social__icon{
	display			: block;
	width				: 28px;
	height			: 28px;
	background		: currentColor;
	opacity			: .95;
}

/* Orange divider */
.footer-rule{
	border			: 0;
	height			: 0px;
	opacity			: 1;
	margin			: 26px auto 30px;
	max-width		: 520px;
	border-bottom	: 4px dotted var(--brand-light);
}

/* Locations (mobile: 2 + 1 layout) */
.footer-locations{
	display			: flex;
	flex-wrap		: wrap;
	justify-content: center;
	gap				: 22px 46px;
	margin			: 0 auto 26px;
	max-width		: 520px;
}
.footer-location{
	display			: inline-flex;
	align-items		: center;
	gap				: 12px;
	text-decoration: none;
	color				: var(--grey-light);
	font-weight		: unset;
}
.footer-location__mark{
	width				: 44px;
	height			: 44px;
	display			:block;
	/* tint white emblem orange without editing the SVG */
	filter			: brightness(0) saturate(100%) invert(64%) sepia(69%) saturate(765%) hue-rotate(349deg) brightness(98%) contrast(95%);
}
.footer-location__name{
	font-family		: var(--font-accent);
	font-size		: 28px;
	line-height		: 1;
	letter-spacing	: -0.02em;
}

/* Bottom: mobile stacked links */
.footer-bottom{
	margin-top		: 10px;
}
.footer-copy{
	margin			: 18px 0 16px;
	font-family		: var(--font-ui);
	font-size		: 14px;
	color				: var(--brand-light);
}
.footer-links{
	display			: flex;
	flex-direction	: column;
	gap				: 10px;
	align-items		: center;
}
.footer-links a{
	font-family		: var(--font-ui);
	font-size		: 14px;
	color				: var(--brand-light);
	text-decoration: none;
}
.footer-links a:hover{
	text-decoration: underline;
}

/* Desktop-only links hidden on mobile to match XD */
.footer-link--desktop{
	display			: none;
}

/* =========================
   Desktop layout
========================= */
@media (min-width: 920px){
	.footer-top{
		padding			: 56px 48px 36px;
		text-align		: center;
	}
	.footer-brand__logo{
		max-width		: 260px;
		margin-bottom	: 22px;
		width				: 260px;
	}
	.logo-footer-home{
		max-width		: 160px;
		margin-bottom	: 22px;
		width				: 160px;
	}

	/* address not shown in desktop */
	.footer-address{
		display			: none;
	}
	.footer-rule{
		max-width		: var(--width-constrained);
		margin			: 26px auto 24px;
		opacity			: .9;
	}

	.footer-locations{
		flex-wrap		: nowrap;
		max-width		: var(--width-constrained);
		margin-bottom	: 18px;
	}

	/* Bottom becomes a single inline row (copyright + links) */
	.footer-bottom{
		display			: flex;
		justify-content: center;
		align-items		: center;
		gap				: 18px;
		flex-wrap		: wrap;
	}

	.footer-copy{
		margin			: 0;
		white-space		: nowrap;
	}

	.footer-links{
		flex-direction	: row;
		gap				: 18px;
	}

	.footer-link--desktop{
		display			:inline;
	}
}

.footer-social__mark {border-radius:0;}
.footer-social__link img {border-radius:0;}