/**
 * Footer Styles
 * 
 * @package Gone_Digital_Twenty_Twenty_Six
 */

.site-footer {
	background-color: #032547;
	background-image: linear-gradient(
		to right,
		rgba(26, 58, 88, 0.1) 0%,
		rgba(3, 37, 71, 0.1) 50%,
		rgba(0, 38, 74, 0.1) 100%
	), url('../images/footer-bg.webp');
	background-position: center, left center;
	background-repeat: no-repeat;
	background-size: 100% 100%, auto 100%;
	color: #ffffff;
	padding: 1rem 0 4rem;
}

.footer-content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 18rem;
	text-align: center;
}

.footer-back-to-top {
	position: absolute;
	top: -1rem;
	right: 0;
	display: grid;
	place-items: center;
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	box-sizing: border-box;
	border: 4px solid #ffffff;
	border-radius: 50%;
	background: #062c53;
	transform: translateY(-50%);
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.footer-back-to-top svg {
	width: 48px;
	height: 48px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 4;
}

.footer-back-to-top:hover,
.footer-back-to-top:focus-visible {
	background: #12416e;
	transform: translateY(calc(-50% - 2px));
}

.footer-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
}

.footer-brand img {
	display: block;
	width: auto;
	max-width: min(80vw, 240px);
	max-height: 64px;
}

.footer-content > p,
.footer-main > p,
.footer-main > address {
	margin: 0;
}

.footer-address {
	font-style: normal;
}

.site-footer a {
	color: #ffffff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.site-footer a:hover {
	color: #e0e0e0;
}