/**
 * Sterling site footer.
 *
 * Dark panel closing the page: gold rule on top, centred badge, contact block.
 */

.sterling-footer {
	background-color: var(--sterling-black, #0e0e0e);
	border-top: 6px solid var(--sterling-gold, #bd9b51);
	color: var(--sterling-light, #e8e8e8);
}

.sterling-footer__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	max-width: 1400px;
	margin: 0 auto;
	padding: 3.5rem 2rem 2.5rem;
	text-align: center;
}

/* Badge
   ------------------------------------------------------------------------ */

.sterling-footer__badge-link {
	display: block;
	line-height: 0;
}

.sterling-footer__badge {
	display: block;
	width: auto;
	height: 150px;
}

/* Contact block
   ------------------------------------------------------------------------ */

.sterling-footer__contact p {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	line-height: 1.6;
}

.sterling-footer__contact p:last-child {
	margin-bottom: 0;
}

.sterling-footer__contact a {
	color: var(--sterling-light, #e8e8e8);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.18s ease, border-color 0.18s ease;
}

.sterling-footer__contact a:hover,
.sterling-footer__contact a:focus-visible {
	color: var(--sterling-gold, #bd9b51);
	border-bottom-color: var(--sterling-gold, #bd9b51);
}

/* Optional footer menu
   ------------------------------------------------------------------------ */

.sterling-footer__nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sterling-footer__nav-list a {
	color: #fff;
	font-family: var(--sterling-display, sans-serif);
	font-size: 0.9375rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
}

.sterling-footer__nav-list a:hover,
.sterling-footer__nav-list a:focus-visible {
	color: var(--sterling-gold, #bd9b51);
}

/* Copyright
   ------------------------------------------------------------------------ */

.sterling-footer__copyright {
	margin: 0;
	color: var(--sterling-gray, #7f7f7f);
	font-size: 0.875rem;
}

/* Breakpoint
   ------------------------------------------------------------------------ */

@media (max-width: 1024px) {
	.sterling-footer__inner {
		padding: 2.5rem 1.25rem 2rem;
	}

	.sterling-footer__badge {
		height: 120px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sterling-footer__contact a {
		transition: none;
	}
}