/**
 * Mirrihue — Footer
 */


/* =========================================================
   PRE FOOTER
   ========================================================= */

.mh-prefooter {
	position: relative;

	padding-block: 28px;

	color: var(--mh-color-white);

	background:
		linear-gradient(
			90deg,
			#111111 0%,
			#171717 100%
		);

	overflow: hidden;
}


.mh-prefooter__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.5fr)
		minmax(220px, 0.7fr)
		auto;

	align-items: center;

	gap: 40px;
}


.mh-prefooter__title {
	margin-bottom: 8px;

	color: var(--mh-color-white);

	font-size: var(--mh-text-cta-title);
	font-weight: 700;

	line-height: 1.05;
	letter-spacing: -0.03em;

	text-transform: uppercase;
}


.mh-prefooter__title span {
	display: block;

	color: var(--mh-color-primary);
}


.mh-prefooter__description {
	max-width: 420px;

	margin: 0;

	color: rgba(255, 255, 255, 0.62);

	font-size: var(--mh-text-ui);
	line-height: 1.55;
}
.mh-prefooter__shipping-icon img {
	display: block;

	width: 74px;
	height: 74px;

	object-fit: contain;
}

/* Shipping */

.mh-prefooter__shipping {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 14px;

	padding-inline: 26px;

	border-left:
		1px solid
		rgba(255, 255, 255, 0.08);

	border-right:
		1px solid
		rgba(255, 255, 255, 0.08);
}


.mh-prefooter__shipping-icon {
	display: flex;
	align-items: center;
	justify-content: center;


}


.mh-prefooter__shipping p {
	margin: 0;

	color: var(--mh-color-white);

	font-size: var(--mh-text-label);
	font-weight: 700;

	line-height: 1.35;

	text-align: center;
	text-transform: uppercase;
}


.mh-prefooter__shipping span {
	display: block;
}


/* CTA */

.mh-prefooter__action {
	flex-shrink: 0;
}


.mh-prefooter__action .mh-button {
	min-width: 220px;
}


/* =========================================================
   FOOTER MAIN
   ========================================================= */

.mh-footer {
	color: rgba(255, 255, 255, 0.68);

	background:
		linear-gradient(
			180deg,
			#151515f7 0%,
			#101010 100%
		);
}


.mh-footer__grid {
	display: grid;
	grid-template-columns:
		minmax(260px, 1.45fr)
		repeat(4, minmax(120px, 1fr));

	gap: 48px;

	padding-block: 34px;
}


/* =========================================================
   FOOTER LOGO
   ========================================================= */

.mh-footer__logo {
	display: flex;
	align-items: center;

	margin-bottom: 24px;
}

.mh-footer__logo-link {
	display: inline-flex;
	align-items: center;

	line-height: 0;
}

.mh-footer__logo-image {
	display: block;

	width: 220px;
	max-width: 100%;
	height: auto;

	object-fit: contain;
}


/* Tablet */

@media (max-width: 1024px) {

	.mh-footer__logo-image {
		width: 200px;
	}

}


/* Mobile */

@media (max-width: 768px) {

	.mh-footer__logo-image {
		width: 180px;
	}

}


/* Columns */

.mh-footer__column h3 {
	margin-bottom: 14px;

	color: var(--mh-color-white);

	font-size: var(--mh-text-body-sm);
	font-weight: 700;

	letter-spacing: 0.05em;

	text-transform: uppercase;
}


.mh-footer__column ul {
	margin: 0;
	padding: 0;

	list-style: none;
}


.mh-footer__column li {
	margin-bottom: 7px;
}


.mh-footer__column a,
.mh-footer__column span {
	color: rgba(255, 255, 255, 0.58);

	font-size: var(--mh-text-body-sm);
	line-height: 1.45;
}


.mh-footer__column a:hover {
	color: var(--mh-color-primary);
}


/* Social */

.mh-footer__social {
	display: flex;

	gap: 8px;

	margin-top: 12px;
}


.mh-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 28px;
	height: 28px;

	color: var(--mh-color-white);

	border:
		1px solid
		rgba(255, 255, 255, 0.22);

	border-radius: 50%;

	font-size: var(--mh-text-micro);
	font-weight: 700;
}


.mh-footer__social a:hover {
	color: var(--mh-color-white);

	background: var(--mh-color-primary);
	border-color: var(--mh-color-primary);
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.mh-footer__bottom {
	background: var(--mh-color-primary);
}


.mh-footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	min-height: 36px;
}


.mh-footer__bottom p {
	margin: 0;

	color: rgba(255, 255, 255, 0.90);

	font-size: var(--mh-text-body-sm);
}


.mh-footer__bottom strong {
	color: var(--mh-color-white);
}


/* =========================================================
   GENERATEPRESS
   ========================================================= */

.site-info {
	display: none;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

	.mh-prefooter__grid {
		grid-template-columns: 1fr auto;
	}


	.mh-prefooter__shipping {
		display: none;
	}


	.mh-footer__grid {
		grid-template-columns:
			repeat(3, 1fr);
	}


	.mh-footer__brand {
		grid-column: span 3;
	}

}


@media (max-width: 768px) {

	.mh-prefooter {
		padding-block: 36px;
	}


	.mh-prefooter__grid {
		grid-template-columns: 1fr;

		gap: 24px;
	}


	.mh-prefooter__action .mh-button {
		width: 100%;
	}


	.mh-footer__grid {
		grid-template-columns:
			repeat(2, 1fr);

		gap: 30px;
	}


	.mh-footer__brand {
		grid-column: span 2;
	}


	.mh-footer__bottom-inner {
		display: block;

		padding-block: 10px;
	}


	.mh-footer__bottom p + p {
		margin-top: 4px;
	}

}


@media (max-width: 520px) {

	.mh-footer__grid {
		grid-template-columns: 1fr;
	}


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

}