/**
 * Footer — rich premium close.
 */

.site-footer {
	background: var(--tolin-ivory-deep);
	padding: var(--space-7) 0 0;
	border-top: 1px solid var(--tolin-line);
}

.site-footer__grid {
	display: grid;
	gap: var(--space-4);
	grid-template-columns: 1fr;
	padding-bottom: var(--space-5);
}

.site-footer__about {
	font-size: var(--tolin-text-sm);
	color: var(--tolin-ink-muted);
	margin-top: var(--space-2);
	max-width: 300px;
	line-height: var(--tolin-leading-body);
}

.site-footer__heading {
	font-family: var(--tolin-font-sans);
	font-size: var(--tolin-text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin-bottom: var(--space-2);
	color: var(--tolin-mocha);
}

.site-footer__menu li {
	padding: 7px 0;
}

.site-footer__menu a {
	font-size: var(--tolin-text-sm);
	color: var(--tolin-ink-muted);
	transition: color var(--tolin-duration) ease, padding-inline-start var(--tolin-duration) var(--tolin-ease);
}

.site-footer__menu a:hover {
	color: var(--tolin-rose);
	padding-inline-start: 4px;
}

.site-footer__social-icons {
	display: flex;
	gap: 12px;
	margin-bottom: var(--space-2);
}

.social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--tolin-canvas);
	color: var(--tolin-rose);
	border: 1px solid var(--tolin-line);
	box-shadow: var(--tolin-shadow-xs);
	transition: background var(--tolin-duration) ease, color var(--tolin-duration) ease, transform var(--tolin-duration) var(--tolin-ease);
}

.social-icon:hover {
	background: var(--tolin-rose);
	color: var(--tolin-canvas);
	border-color: transparent;
	transform: translateY(-2px);
}

.site-footer__bottom {
	border-top: 1px solid var(--tolin-line);
	padding: 22px 0;
	font-size: var(--tolin-text-xs);
	color: var(--tolin-ink-muted);
}

.site-footer__bottom p {
	margin: 4px 0;
}

.whatsapp-fab {
	position: fixed;
	bottom: 24px;
	inset-inline-start: 24px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--tolin-whatsapp);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 14px 36px rgba(47, 158, 91, 0.3);
	z-index: 999;
	transition: transform var(--tolin-duration) var(--tolin-ease), box-shadow var(--tolin-duration) ease;
}

.whatsapp-fab:hover {
	transform: translateY(-2px) scale(1.04);
	color: #fff;
}