/* =========================================================
   Niagara site-wide mobile fixed CTA
========================================================= */

.niagara-global-mobile-nav {
	display: none;
}

@media (max-width: 767px) {
	body.niagara-global-mobile-nav-active:not(.niagara-home-manager-active) {
		padding-bottom: calc(58px + env(safe-area-inset-bottom)) !important;
	}

	.niagara-global-mobile-nav {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 99999;
		display: grid;
		grid-template-columns: repeat(var(--niagara-mobile-nav-columns, 4), minmax(0, 1fr));
		min-height: 58px;
		padding-bottom: env(safe-area-inset-bottom);
		border-top: 1px solid #3d3d3d;
		background: #161616;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2);
	}

	.niagara-global-mobile-nav a,
	.niagara-global-mobile-nav a:link,
	.niagara-global-mobile-nav a:visited {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		padding: 10px 4px;
		border-right: 1px solid #373737;
		background: #161616;
		color: #fff !important;
		font-size: 0.75rem !important;
		font-weight: 800;
		line-height: 1.3;
		text-align: center;
		text-decoration: none !important;
	}

	.niagara-global-mobile-nav a:last-child {
		border-right: 0;
	}

	.niagara-global-mobile-nav a:first-child,
	.niagara-global-mobile-nav a:first-child:link,
	.niagara-global-mobile-nav a:first-child:visited {
		background: #f6cf18;
		color: #111 !important;
	}

	.niagara-global-mobile-nav a:focus-visible {
		position: relative;
		z-index: 1;
		outline: 3px solid #fff;
		outline-offset: -3px;
	}
}