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

footer ul {
    margin          : 0;
    list-style-type : none;
}

.main-footer__container {
    font-family : var(--e-global-typography-primary-font-family);
    background  : #DDDCDC;
}

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

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

/*Logo*/

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

.main-footer__container .footer-logo .footer-logo__img {
    width     : 100%;
    max-width : 200px;
}

/*Info */

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

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

/*Titre*/

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

.main-footer__container .footer-links__title .footer-links__title-text {
    font-size   : 20px;
    font-weight : 600;
    line-height : 1.2;
    color       : var(--e-global-color-secondary);
}

/*Liens*/

.main-footer__container .footer-links__list ul {
    line-height : 2.5em;
}

.main-footer__container .footer-links__list .menu-link {
    color : var(--e-global-color-secondary);
}

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

.main-footer__container .footer-certifications {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.main-footer__container .footer-certifications__logo {
    display: block;
    width: auto;
    max-width: 120px;
    max-height: 72px;
    height: auto;
    object-fit: contain;
}

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

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

.footer-copyright__text {
    color      : var(--e-global-color-text);
    text-align : center;
}