/* =============================================
   03_WIDGETS / w-footer
   Подвал сайта: логотип, меню, соцсети, копирайт.
   ============================================= */

.footer {
	background-color: var(--whiteColor);
}
.footer__logo {
	width: 216px;
}
.footer__logo img {
	width: 100%;
}
.footer__leftcopy {
	font-size: 12px;
	line-height: 125%;
	font-weight: 300;
	color: var(--greenColor5);
}
.footer__righttext {
	font-weight: 500;
	color: var(--greenColor4);
}
.footer__righttext:not(:last-child) {
	margin-bottom: 40px;
}
.footer__menulink {
	transition: color 0.3s;
}

/* ── Responsive ── */

@media (max-width: 74.99875em) {
	.footer {
		padding: 40px 0;
	}
}
@media (max-width: 63.99875em) {
	.footer__left:not(:last-child) {
		margin-bottom: 40px;
	}
	.footer__logo:not(:last-child) {
		margin-bottom: 10px;
	}
	.footer__socs {
		display: none;
	}
	.footer__socs.footer__socs-mob {
		display: flex;
	}
	.footer__right:not(:last-child) {
		margin-bottom: 40px;
	}
	.footer__righttext {
		font-size: 20px;
		line-height: 125%;
	}
	.footer__menulist:not(:last-child) {
		margin-bottom: 14px;
	}
	.footer__menuitem:not(:last-child) {
		margin-bottom: 14px;
	}
	.footer__menulink {
		font-size: 16px;
		line-height: 125%;
	}
}
@media (min-width: 63.99875em) {
	.footer__container {
		display: flex;
		gap: 28px;
		justify-content: space-between;
	}
	.footer__left {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.footer__lefttop:not(:last-child) {
		margin-bottom: 14.5px;
	}
	.footer__logo:not(:last-child) {
		margin-bottom: 14.5px;
	}
	.footer__righttext {
		font-size: 18px;
		line-height: 155.555556%;
	}
	.footer__menu {
		display: flex;
		gap: 40px;
	}
	.footer__menuitem:not(:last-child) {
		margin-bottom: 20px;
	}
	.footer__menulink {
		font-size: 14px;
		line-height: 128.571429%;
	}
	.footer__socs-mob {
		display: none;
	}
}
@media (min-width: 74.99875em) {
	.footer {
		padding: 60px 0 40px 0;
	}
	.footer__container {
		justify-content: flex-start;
	}
	.footer__lefttop:not(:last-child) {
		margin-bottom: 17.5px;
	}
	.footer__logo:not(:last-child) {
		margin-bottom: 17.5px;
	}
	.footer__right {
		flex: 1 1 auto;
	}
	.footer__righttext {
		font-size: 20px;
		line-height: 140%;
	}
	.footer__menulink {
		font-size: 16px;
		line-height: 125%;
	}
}
@media (min-width: 89.99875em) {
	.footer__container {
		gap: 160px;
		justify-content: space-between;
	}
	.footer__menulist {
		flex: 1 1 auto;
	}
}

/* ── Hover ── */

@media (any-hover: hover), (pointer: fine) {
	html:not([data-fls-touch]) .footer__menulink:hover {
		color: var(--greenColor4);
	}
}