/**
 * Footer.
 */

.site-footer {
	margin-top: var(--section-spacing);
	padding-top: 36px;
	border-top: 1px solid var(--color-border);
	background: var(--color-surface);
	color: var(--color-body);
	font-size: .9rem;
}

.mamun-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	padding-bottom: 28px;
}

.mamun-footer__col--brand .site-branding { margin-bottom: 12px; }
.mamun-footer__about { margin: 0 0 14px; color: var(--color-muted); font-size: .88rem; max-width: 46ch; }

.mamun-footer__title {
	margin: 0 0 14px;
	color: var(--color-heading);
	font-size: .95rem;
	font-weight: 700;
}

.mamun-footer__menu li + li { margin-top: 8px; }
.mamun-footer__menu a { color: var(--color-body); font-size: .88rem; }
.mamun-footer__menu a:hover { color: var(--color-primary); }

.mamun-footer__contact { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.mamun-footer__contact li { display: flex; align-items: flex-start; gap: 10px; font-size: .87rem; }
.mamun-footer__contact svg { flex-shrink: 0; margin-top: 2px; color: var(--color-primary); }
.mamun-footer__contact a { color: var(--color-body); }
.mamun-footer__contact a:hover { color: var(--color-primary); }

.mamun-footer__social { display: flex; flex-wrap: wrap; gap: 8px; }
.mamun-footer__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--color-border);
	border-radius: 50%;
	background: #fff;
	color: var(--color-heading);
	transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.mamun-footer__social a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

.mamun-footer__bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding-block: 18px;
	border-top: 1px solid var(--color-border);
	text-align: center;
}

.mamun-footer__copyright,
.mamun-footer__credit { margin: 0; color: var(--color-muted); font-size: .82rem; }
.mamun-footer__payment img { max-height: 30px; width: auto; }

.mamun-footer__col--widgets .widget:last-child { margin-bottom: 0; }