/*
 * Site footer: navy surface with a faint panel-grid texture — info band
 * (rounded-square icon tiles), 4-column main, full-width copyright pill.
 */

.asli-footer {
	background-color: var(--asli-surface-dark);
	/* Subtle panel-grid texture + soft top glow, all CSS. */
	background-image:
		radial-gradient(60rem 20rem at 50% 0%, rgb(255 255 255 / 0.04), transparent 70%),
		linear-gradient(rgb(255 255 255 / 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgb(255 255 255 / 0.025) 1px, transparent 1px);
	background-size: auto, 84px 84px, 84px 84px;
	color: var(--asli-text-muted-on-dark);
	margin-block-start: var(--asli-section-pad);
}

.asli-footer a {
	color: var(--asli-text-muted-on-dark);
}

.asli-footer a:hover {
	color: var(--asli-yellow);
}

/* ------------------------------------------------------------ info band */

.asli-footer__info {
	border-block-end: 1px solid var(--asli-border-on-dark);
	padding-block: 2.5rem;
}

.asli-footer__info-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--asli-space-lg);
}

.asli-footer__info-item {
	display: flex;
	align-items: center;
	gap: var(--asli-space-md);
	justify-content: center;
}

/* Rounded-square icon tiles (reference look), brand yellow. */
.asli-footer__info-item .asli-badge {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: var(--asli-radius-box);
	font-size: 1.75rem;
	flex-shrink: 0;
}

.asli-footer__info-text {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	min-width: 0;
}

.asli-footer__info-text strong {
	color: var(--asli-text-on-dark);
	font-family: var(--asli-font-heading);
	font-size: var(--asli-text-h4);
	font-weight: var(--asli-weight-heading);
}

/* ----------------------------------------------------------------- main */

.asli-footer__main {
	padding-block: 3.75rem;
}

.asli-footer__main-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: var(--asli-space-2xl);
}

.asli-footer__logo {
	height: 44px;
	width: auto;
}

.asli-footer__blurb {
	margin-block: var(--asli-space-md) var(--asli-space-lg);
	max-width: 34ch;
}

/* Plain bare social glyphs, no chips (reference look). */
.asli-footer__socials {
	display: flex;
	gap: var(--asli-space-lg);
	margin: 0;
	padding: 0;
	list-style: none;
}

.asli-footer__socials a {
	display: inline-flex;
	font-size: 1.05rem;
	color: var(--asli-text-muted-on-dark);
	transition: color var(--asli-duration) var(--asli-ease), translate var(--asli-duration) var(--asli-ease);
}

.asli-footer__socials a:hover {
	color: var(--asli-yellow);
	translate: 0 -2px;
}

.asli-footer__col-title {
	font-size: 1.25rem;
	color: var(--asli-text-on-dark);
	margin-block: 0.35rem var(--asli-space-lg);
}

.asli-footer__menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--asli-space-sm);
}

.asli-footer__menu a {
	display: inline-flex;
	align-items: center;
	gap: var(--asli-space-sm);
}

.asli-footer__menu a::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: var(--asli-radius-pill);
	background: var(--asli-yellow);
	flex-shrink: 0;
}

/* ------------------------------------------------------------ copyright */

.asli-footer__copyright {
	margin: 0 0 var(--asli-space-xl);
	padding: 1.65rem var(--asli-space-xl);
	background: var(--asli-yellow);
	color: var(--asli-navy);
	border-radius: var(--asli-radius-pill);
	text-align: center;
	font-weight: var(--asli-weight-medium);
}

/* --------------------------------------------------------------- mobile */

@media (max-width: 1024px) {
	.asli-footer__main-grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--asli-space-xl) var(--asli-space-2xl);
	}

	.asli-footer__info-item {
		justify-content: flex-start;
	}
}

@media (max-width: 767px) {
	.asli-footer__info-grid,
	.asli-footer__main-grid {
		grid-template-columns: 1fr;
	}
}