/* =========================================================
   COMPONENT: Footer
   Su dung o: moi trang (global)
   Dependencies: tokens.css
   ========================================================= */

.am__footer {
	background: var(--am-color-bg-soft);
	border-top: 1px solid var(--am-color-border);
	margin-top: var(--am-space-12);
}

.am__footer__inner {
	display: flex;
	flex-direction: column;
	gap: var(--am-space-3);
	padding-block: var(--am-space-5);
}

.am__footer__nav .am__menu {
	display: flex;
	flex-wrap: wrap;
	gap: var(--am-space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

.am__footer__nav a {
	display: inline-block;
	padding: var(--am-space-2) 0;
	font-size: var(--am-fs-sm);
	color: var(--am-color-text-soft);
	text-decoration: none;
}

.am__footer__nav a:hover,
.am__footer__nav a:focus {
	color: var(--am-color-primary);
}

.am__footer__copy {
	margin: 0;
	font-size: var(--am-fs-sm);
	color: var(--am-color-text-soft);
}