/* =========================================================================
   5. Footer
   ========================================================================= */

/* Compact: small type and tight spacing, the page content stays the focus */
.site-footer {
	font-size: var(--size-xs);
	line-height: 1.5;
	background: var(--stone);
	border-top: 1px solid var(--line);
}

.site-footer__inner {
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-2) var(--gutter);
}

/* Top row: identity left, social icons right */
.site-footer__top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-1) var(--space-4);
	padding-bottom: var(--space-1);
}

/* Gallery name: same sans-serif and grey as the rest of the footer, only
   slightly bolder, so it stays discreet */
.site-footer__brand {
	margin: 0 0 0.125rem;
	font-weight: 600;
	color: var(--mute);
}

.site-footer__text {
	margin: 0;
	color: var(--mute);
}

.site-footer__address {
	color: inherit;
}

.site-footer__address:hover {
	color: var(--ink);
}

/* Bottom row, under a thin rule: legal left, footer menu right */
.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-1) var(--space-4);
	padding-top: var(--space-1);
	border-top: 1px solid var(--line);
	color: var(--mute);
}

/* © year + Livro de Reclamações */
.site-footer__legal {
	margin: 0;
}

.site-footer__legal a {
	color: inherit;
}

.menu--footer {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu--footer a {
	color: inherit;
}

.site-footer__legal a:hover,
.menu--footer a:hover {
	color: var(--ink);
}

/* --- Social icons ------------------------------------------------------- */

.footer-social-icons {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
	padding: 0.25rem 0 0;
	list-style: none;
}

.footer-social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.8;
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.footer-social-icons a:hover {
	opacity: 1;
	transform: translateY(-2px);
}

.footer-social-icons img,
.footer-social-icons svg {
	display: block;
	width: 16px;
	height: 16px;
}