/*
--------------------------------------
Containers
--------------------------------------
*/

.main-footer__container {
	font-family: var(--e-global-typography-primary-font-family);
	background: url(/wp-content/uploads/2025/08/background-footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.main-footer__container .main-footer__inner {
	display: flex;
	flex-direction: column;
	row-gap: calc(35px + (70 - 35) * ((100vw - 320px) / (1920 - 320)));
	max-width: 95%;
	padding: calc(28px + (48 - 28) * ((100vw - 320px) / (1920 - 320))) 0;
	margin: auto;
}

/*
--------------------------------------
Logo & text & info
--------------------------------------
*/

/*Logo*/

.main-footer__container .footer-logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 1em;
}

.main-footer__container .footer-logo .footer-logo__img {
	width: 100%;
	max-width: calc(250px + (450 - 250) * ((100vw - 320px) / (1920 - 320)));
}

/*Info */

.main-footer__container .footer-info {
	padding-top: 20px;
}

.main-footer__container .footer-text__content {
	color: #000;
}

/*
--------------------------------------
Menu
--------------------------------------
*/

/*Titre*/

.main-footer__container .footer-links__title {
	padding-bottom: 0.5em;
}

.main-footer__container .footer-text__content p {
	max-width: 250px;
}

.footer-links__title-text {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	line-height: 140%;
}

/*Liens*/

.main-footer__container .footer-links__list .menu-item {
	padding-bottom: 15px;
}

.main-footer__container .footer-links__list .menu-link {
	color: #000;
	border-bottom: 1px solid transparent;
	transition: all 0.35s ease-in-out;
}

.main-footer__container .footer-links__list .menu-link:hover,
.main-footer__container .footer-links__list .menu-link:focus {
	color: var(--e-global-color-primary);
	border-bottom: 1px solid var(--e-global-color-primary);
}

/*
--------------------------------------
Copyright
--------------------------------------
*/

.main-footer__copyright {
	background: var(--e-global-color-primary);
}

.footer-copyright__inner {
	display: flex;
	max-width: 95%;
	padding: 1em 0;
	margin: auto;
}

.footer-copyright__text {
	color: #fff;
	text-align: center;
}

.footer-copyright__text:focus,
.footer-copyright__text:hover {
	color: var(--e-global-color-secondary);
}