/*=============================*/
/*=====----- GENERAL -----=====*/
/*=============================*/

.panel-footer {
	position: relative;
	z-index: 20;
	padding: 60px 20px;
	background: var(--black);
	color: var(--white);
}

.panel-footer .footer-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.panel-footer .logo-cont {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 15px;
	align-items: start;
}

.panel-footer .logo-footer {
	width: 100%;
	max-width: 180px;
}

.panel-footer .logo-footer img {
	width: 100%;
}

.panel-footer .copyright {
	margin: 0;
	font-family: var(--font-body);
	font-weight: normal;
	font-size: var(--text-xs);
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: inherit;
}

.panel-footer .logo-cont .footer-logos-row {
	display: none;
}

.panel-footer .footer-logos-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.be-ix-link-block {
	padding-top: 10px;
}

/*==================================*/
/*=====----- MOBILE FIXED -----=====*/
/*==================================*/

.panel-footer .mobile-fixed {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}

/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@media (min-width: 46.5em) {
	.panel-footer {
		padding: 60px 40px;
	}

	.panel-footer .footer-inner {
		grid-template:
			'logo nav' auto
			'logo signup' auto / 39.9% minmax(0, 1fr);
		gap: 40px 49px;
	}

	.panel-footer.no-added-logos .footer-inner {
		grid-template:
			'logo signup' auto
			'nav signup' auto / 39.9% minmax(0, 1fr); 
	}

	.panel-footer .logo-cont {
		grid-area: logo;
	}

	.panel-footer .logo-cont .footer-logos-row {
		display: flex;
		margin-top: 25px;
	}

	.panel-footer .nav-cont {
		grid-area: nav;
	}

	.panel-footer .signup-cont {
		grid-area: signup;
	}

	.panel-footer .extra-logos-cont {
		display: none;
	}

	.be-ix-link-block {
		padding-top: unset;
	}
}

@media (min-width: 80em) {
	.panel-footer {
		padding: 40px;
	}

	.panel-footer .footer-inner,
	.panel-footer.no-added-logos .footer-inner {
		grid-template:
			'logo nav signup' auto / max-content max-content minmax(0, 1fr);
		gap: 180px;
	}
}