/**
 * Compact global footer.
 */

.myc-footer {
	margin-top: auto;
	border-top: 1px solid var(--ps-color-border);
	background: var(--ps-color-page);
	color: var(--ps-color-text-muted);
}

.myc-footer-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: var(--ps-space-4);
	width: min(100%, var(--ps-content-discovery));
	min-height: 68px;
	margin: 0 auto;
	padding: var(--ps-space-3) max(var(--ps-space-5), env(safe-area-inset-right)) var(--ps-space-3) max(var(--ps-space-5), env(safe-area-inset-left));
	font-size: 12px;
	line-height: 1.4;
}

.myc-footer-nav,
.myc-footer-socials {
	display: flex;
	align-items: center;
	gap: var(--ps-space-4);
}

.myc-footer-nav {
	flex-wrap: wrap;
}

.myc-footer-nav a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
	transition: color var(--ps-transition-fast);
}

.myc-footer-nav a:hover,
.myc-footer-nav a:focus-visible {
	color: var(--ps-color-brand-600);
}

.myc-footer-copyright {
	margin: 0;
	color: var(--ps-color-text-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .01em;
	text-align: center;
	white-space: nowrap;
}

.myc-footer-socials {
	justify-content: flex-end;
	gap: var(--ps-space-2);
}

.myc-footer-social-link {
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border: 1px solid transparent;
	border-radius: 50%;
	color: var(--ps-color-text-muted);
	transition: color var(--ps-transition-fast), background-color var(--ps-transition-fast), border-color var(--ps-transition-fast), transform var(--ps-transition-fast);
}

.myc-footer-social-link:not(.is-unavailable):hover,
.myc-footer-social-link:not(.is-unavailable):focus-visible {
	border-color: var(--ps-color-brand-border);
	background: var(--ps-color-brand-50);
	color: var(--ps-color-brand-600);
	transform: translateY(-1px);
}

.myc-footer-social-link.is-unavailable {
	opacity: .42;
}

.myc-footer-social-link svg {
	width: 18px;
	height: 18px;
	fill: currentcolor;
}

.myc-footer-social-link svg rect,
.myc-footer-social-link svg circle {
	fill: none;
	stroke: currentcolor;
	stroke-width: 1.8;
}

.myc-footer-social-link svg .myc-footer-social-dot {
	fill: currentcolor;
	stroke: 0;
}

@media (max-width: 760px) {
	.myc-footer-inner {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: var(--ps-space-2);
		min-height: 0;
		padding: var(--ps-space-4) max(var(--ps-page-gutter-mobile), env(safe-area-inset-right)) calc(var(--ps-space-4) + env(safe-area-inset-bottom)) max(var(--ps-page-gutter-mobile), env(safe-area-inset-left));
	}

	.myc-footer-nav {
		justify-content: center;
		gap: 6px var(--ps-space-4);
	}

	.myc-footer-copyright {
		white-space: normal;
	}

	.myc-footer-socials {
		justify-content: center;
	}
}