/**
 * Footer Styles
 *
 * Main footer with widgets and site info
 * @package Skavend
 */

.site-footer.footer-main {
	margin-top: auto;
	padding: 48px 0 24px;
	background: linear-gradient(180deg, #0a3f30, #062f24 56%, #0a3a2c);
	color: var(--color-text-inverse);
	border-top: 1px solid rgba(224, 191, 132, .24);
}

.footer-main__container {
	width: min(var(--size-container-max), calc(100% - var(--size-container-padding)));
	margin-inline: auto;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--size-gap-large);
	align-items: center;
}

.footer-main__widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: var(--size-gap-large);
}

.footer-main__widgets .widget {
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.footer-main__widgets .widget-title {
	margin: 0 0 16px;
	font: 600 18px/1 var(--font-serif);
	color: var(--color-accent);
}

.footer-main__widgets .widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-main__widgets .widget li {
	margin-bottom: 12px;
}

.footer-main__widgets .widget a {
	color: var(--color-text-inverse);
	text-decoration: none;
	transition: color var(--transition-fast);
}

.footer-main__widgets .widget a:hover {
	color: var(--color-accent);
}

.footer-main__info {
	padding-top: 24px;
	border-top: 1px solid rgba(224, 191, 132, .24);
	font-size: 13px;
	text-align: center;
	color: #a8d5c4;
}

.footer-main__separator {
	margin: 0 8px;
	opacity: 0.5;
}

.footer-main__link {
	color: var(--color-accent);
	text-decoration: none;
	transition: color var(--transition-fast);
}

.footer-main__link:hover {
	color: #fbf1e0;
}

/* =========================================================================
   RESPONSIVE DESIGN
   ========================================================================= */

@media (max-width: 768px) {
	.site-footer.footer-main {
		padding: 36px 0 20px;
	}

	.footer-main__container {
		grid-template-columns: 1fr;
		gap: var(--size-gap-medium);
	}

	.footer-main__widgets {
		grid-template-columns: 1fr;
	}

	.footer-main__info {
		text-align: center;
	}
}