.site-footer {
	background: var(--smx-color-background-light);

	.footer-brand {
		span {
			svg {
				height: 1.6rem;
				width: auto;
				color: var(--smx-color-primary);
			}
		}

		p {
			font-size: var(--font-size-sm);
			line-height: 1.21;
			padding-right: var(--space-md);
		}
	}

	.social-links {
		display: flex;
		gap: 0.5rem;
		a {
			display: block;
			img {
				display: block;
				max-width: 1.6rem;
			}
		}
	}

	.last-footer {
		border-top: 1px solid rgba(var(--smx-color-background-dark-rgb), 0.16);
		display: flex;
		justify-content: space-between;
		font-size: var(--font-size-sm);
	}

	.nav-list {
		list-style: none;
		padding: 0;
		li {
			list-style: none;
			padding: 0;
			font-weight: bold;
			font-size: var(--font-size-sm);
			margin-bottom: var(--space-sm);

			a {
				text-decoration: none;
				color: var(--smx-color-text-bold);
				display: block;

				&:hover {
					color: var(--smx-color-primary-contrast);
				}
			}

			ul {
				list-style: none;
				padding: 0;
				padding-left: var(--space-sm);
				li {
					margin-bottom: 0;
					a {
						margin-bottom: 0;
						padding: var(--space-xs) 0;
						font-weight: 500;
						line-height: 1;
					}

					&.text-primary {
						> a {
							color: var(--smx-color-primary-contrast);
						}
					}
				}
			}
		}
	}
}