/*
 * Footer Styles
 * ----------------------------------------------------------------------- */

.footer-grid {
	padding-block: var(--space-xl) var(--space-lg);
}

.footer-col p {
	color: #94A3B8;
	font-size: var(--fs-small);
}

.footer-widget__title {
	color: var(--color-white);
	font-size: 1.1rem;
	margin-bottom: var(--space-sm);
}

.footer-logo img {
	max-height: 44px;
	margin-bottom: var(--space-sm);
	filter: brightness(0) invert(1);
}

.footer-menu li {
	margin-bottom: 0.6rem;
}

.footer-menu a,
.footer-address a {
	font-size: var(--fs-small);
	color: #CBD5E1;
}

.footer-address p {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: var(--fs-small);
	color: #94A3B8;
	margin-bottom: 0.6rem;
}

.footer-socials {
	display: flex;
	gap: 0.6rem;
	margin-top: var(--space-sm);
}

.footer-socials__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: var(--color-white);
	transition: background var(--transition-fast);
}

.footer-socials__link:hover {
	background: var(--color-primary);
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: var(--space-md);
	padding-bottom: var(--space-md);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-sm);
	font-size: var(--fs-small);
	color: #94A3B8;
}

.footer-bottom a {
	color: #CBD5E1;
}

.footer-bottom a:hover {
	color: var(--color-secondary);
}

@media (max-width: 640px) {
	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}
}