/* ==========================================================================
   Footer — Asia Finest
   ========================================================================== */

.af-footer {
	padding: var(--af-space-normal, 48px) 0;
	border-top: 1px solid rgba(248, 248, 248, .10);
	background: rgba(0, 0, 0, .15);
}

/* 3-column grid */
.af-footer-grid {
	display: grid;
	grid-template-columns: 1.2fr .8fr .8fr;
	gap: 18px;
}

/* ---------- Footer brand column ---------- */

.af-footer-brand {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.af-footer .af-brand {
	display: flex;
	gap: 12px;
	align-items: center;
	letter-spacing: .08em;
	text-decoration: none;
	color: inherit;
}

.af-footer .af-brand:hover,
.af-footer .af-brand:focus {
	text-decoration: none;
	color: inherit;
}

.af-footer .af-brand-mark {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid rgba(128, 88, 8, .55);
	display: grid;
	place-items: center;
	color: var(--af-gold, #805808);
	font-family: var(--af-serif, "Cormorant Garamond", Georgia, serif);
	font-size: 18px;
	line-height: 1;
}

.af-footer .af-brand-name {
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-transform: uppercase;
}

.af-footer .af-brand-name strong {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.2;
}

.af-footer .af-brand-name span {
	font-size: 11px;
	color: rgba(248, 248, 248, .70);
	letter-spacing: .18em;
	line-height: 1.2;
}

/* Footer tagline / description */
.af-footer-desc {
	font-size: 13px;
	color: rgba(248, 248, 248, .72);
	line-height: 1.6;
	margin: 0;
	max-width: 320px;
}

/* ---------- Footer link columns ---------- */

.af-footer-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.af-footer-links h3 {
	color: rgba(248, 248, 248, .86);
	font-size: 14px;
	font-family: var(--af-sans, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin: 0 0 6px 0;
}

.af-footer-links ul,
.af-footer-links .af-footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.af-footer-links li {
	margin: 0;
	padding: 0;
}

.af-footer-links a {
	color: rgba(248, 248, 248, .76);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease;
}

.af-footer-links a:hover,
.af-footer-links a:focus {
	color: var(--af-ivory, #F8F8F8);
}

/* ---------- Copyright ---------- */

.af-footer-copyright {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(248, 248, 248, .06);
	font-size: 12px;
	color: rgba(248, 248, 248, .60);
}