/*=============================*/
/*=====----- GENERAL -----=====*/
/*=============================*/

.panel-footer {
	--side-padding: 50px;

	position: relative;
	padding: 40px 0;
	background: var(--white);
	box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.043);
}

.panel-footer .footer-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	max-width: 1144px;
	margin: 0 auto;
}

.panel-footer .left-col,
.panel-footer .right-col,
.panel-footer .bottom-copy {
	padding: 0 var(--side-padding);
}

/*=================================*/
/*=====----- LEFT COLUMN -----=====*/
/*=================================*/

.panel-footer .left-col {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
	justify-items: center;
	margin-bottom: 8px;
	text-align: center;
}

/* .panel-footer .logo-footer {
	width: 178px;
} */

.panel-footer .logo-footer img {
	width: 100%;
}

/*==================================*/
/*=====----- RIGHT COLUMN -----=====*/
/*==================================*/

.panel-footer .right-col {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
}

/*================================*/
/*=====----- BOTTOM BAR -----=====*/
/*================================*/

.panel-footer .bottom-bar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
}

.panel-footer .bottom-nav-cont {
	display: flex;
	align-items: baseline;
	justify-content: center;
	padding: 0 20px;
}

.panel-footer .googleTranslate {
	padding-right: 8px;
	border-right: 1px solid #DADADA;
}

.panel-footer .googleTranslateDropdown {
	display: block;
	width: 86px;
	height: 20px;
	padding-left: 24px;
	border: none;
	background: url('/includes/public/assets/shared/translate-icon.svg') no-repeat left center / 16px auto;
	appearance: none;
	font-family: var(--font-body);
	font-weight: normal;
	font-size: var(--text-sm);
	line-height: 1;
	color: var(--gray-dark);
	cursor: pointer;
}

.panel-footer .bottom-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.panel-footer .copyright,
.panel-footer .address {
	display: block;
	font-weight: normal;
	font-size: var(--text-sm);
	line-height: 1.2;
	color: var(--gray-dark);
}

/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@media (min-width: 64em) {
	.panel-footer {
		padding: 60px 50px 40px;
	}

	.panel-footer .footer-inner {
		grid-template: auto / max-content minmax(0, 1fr);
		gap: 60px 66px;
		align-items: start;
	}

	.panel-footer .left-col {
		justify-items: start;
		margin: 0;
		text-align: left;
	}

	.panel-footer .right-col {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.panel-footer .bottom-bar {
		grid-column: span 2;
	}

	.panel-footer .bottom-copy {
		flex-direction: row;
		align-items: baseline;
		justify-content: center;
	}
}