/**
 * Insulation Ready Hub - Footer
 * Brand + link columns and the teal copyright bar.
 */

.irh-footer {
	background: var(--irh-white);
}

.irh-footer__top {
	display: grid;
	grid-template-columns: minmax(240px, 1.6fr) repeat(3, minmax(110px, 1fr)) minmax(160px, 1fr);
	gap: var(--irh-space-8);
	padding-block: var(--irh-space-16) var(--irh-space-12);
	border-top: 1px solid var(--irh-navy);
}

/* ------------------------------------------------------------------------
   Brand column
   ------------------------------------------------------------------------ */

.irh-footer__brand {
	max-width: 34ch;
}

.irh-footer__logo-link {
	display: inline-flex;
}

.irh-footer__logo {
	width: auto;
}

.irh-footer__about {
	margin-top: var(--irh-space-4);
	max-width: 34ch;
	color: var(--irh-grey-500);
	font-size: var(--irh-fs-sm);
	line-height: var(--irh-lh-body);
}

/* ------------------------------------------------------------------------
   Link + social columns
   ------------------------------------------------------------------------ */

.irh-footer__heading {
	margin: 0 0 var(--irh-space-5);
	color: var(--irh-ink);
	font-size: var(--irh-fs-h4);
	font-weight: var(--irh-fw-semibold);
}

.irh-footer__menu {
	display: flex;
	flex-direction: column;
	gap: var(--irh-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.irh-footer__menu a {
	color: var(--irh-grey-500);
	font-size: var(--irh-fs-sm);
}

.irh-footer__menu a:hover {
	color: var(--irh-teal);
}

.irh-socials {
	display: flex;
	flex-wrap: wrap;
	gap: var(--irh-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.irh-socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: var(--irh-radius-circle);
	background: var(--irh-teal);
	color: var(--irh-white);
	transition: background-color var(--irh-transition), transform var(--irh-transition);
}

.irh-socials a:hover {
	background: var(--irh-teal-dark);
	transform: translateY(-2px);
}

/* ------------------------------------------------------------------------
   Bottom bar
   ------------------------------------------------------------------------ */

.irh-footer__bottom {
	background: var(--irh-teal);
}

.irh-footer__bottom .irh-container {
	padding-block: var(--irh-space-5);
}

.irh-footer__copyright {
	margin: 0;
	color: var(--irh-white);
	font-size: var(--irh-fs-sm);
	text-align: center;
}

/* ------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------ */

@media (max-width: 1024px) {
	.irh-footer__top {
		grid-template-columns: repeat(2, 1fr);
	}

	.irh-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.irh-footer__top {
		grid-template-columns: 1fr;
	}
	.irh-hero .irh-hero__inner{
		padding-block: 140px 64px;
	}

	.irh-footer__brand {
		grid-column: auto;
	}
}