#footer{
    background-color: var(--color-light-grey);
    border-top: solid 1px #E5E5E5;
    padding-top: 40px;
    z-index: 100;
    position: relative;
    padding-inline: 30px;
}

#footer .container {
    padding-inline: unset;
}

@media (max-width: 992px) {
    #footer{
        padding-top: 20px;
        margin-top: 40px;
    }
}

/* ---------------------------- DÉBUT DISPLAY-FOOTER-BEFORE ---------------------------- */

.displayFooterBefore{
    padding-bottom: 24px;
    border-bottom: solid 1px #E5E5E5;
}

@media (max-width: 1024px) {
    .displayFooterBefore{
        padding-bottom: 27px;
        border-bottom: none;
    }
}

/* ---------------------------- FIN DISPLAY-FOOTER-BEFORE ---------------------------- */

/* ---------------------------- DÉBUT DISPLAY-FOOTER ---------------------------- */

#footer .displayFooter{
    padding-top: 40px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 40px 20px;
}

#footer .displayFooter .shop .logo{
    width: 130px;
    max-width: 130px;
    height: auto;
    filter: brightness(0);
}

#footer .displayFooter .shop p {
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 32px 0px 0px 0px;
    max-width: 200px;
}

#footer .displayFooter .shop p .linebreak {
    font-size: .875rem;
    line-height: 1.25rem;
    margin: unset;
    max-width: 200px;
}

@media (max-width: 1400px) {
    #footer .displayFooter{
        grid-template-columns: auto auto auto;
    }
    #footer .displayFooter .shop{
        grid-column: span 1;
    }
}
/* 
@media (max-width: 1200px) {
    #footer .displayFooter{
        grid-template-columns: auto auto auto;
    }
    #footer .displayFooter .shop{
        grid-column: span 1;
    }
} */

@media (width < 1024px) {
    #footer .displayFooter{
        padding-top: unset;
    }
    #footer .displayFooter{
        display: block;
    }
    #footer .displayFooter .shop p{
        max-width: none;
    }
    #footer .displayFooter .shop p {
        margin-top: 18px;
    }
    #footer .displayFooter .shop {
        max-width: 50%;
    }
}

@media (width < 768px) {
    #footer .displayFooter .shop {
        max-width: 80%;
    }
}

@media (width < 576px) {
    #footer .displayFooter .shop {
        max-width: 65%;
    }
}

/* ---------------------------- FIN DISPLAY-FOOTER ---------------------------- */

/* ---------------------------- DÉBUT DISPLAY-FOOTER-AFTER ---------------------------- */

/* ---------------------------- FIN DISPLAY-FOOTER-AFTER ---------------------------- */

/* ---------------------------- DÉBUT COPYRIGHT ---------------------------- */

#footer .copyrightlink{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 50px;
    padding-block: 24px 40px;
    margin-top: 40px;
    border-top: solid 1px #E5E5E5;
}

#footer .copyrightlink p,
#footer .copyrightlink a{
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-black);
    margin: 0px;
}

@media (min-width: 1025px) {
    #footer .copyrightlink a:hover{
        color: var(--color-primary);
    }
}

@media (width < 1024px) {
    #footer .copyrightlink {
        padding-block: 30px;
    }
}

@media (width < 768px) {
    #footer .copyrightlink {
        border-top: none;
        margin-top: unset;
    }
}

/* ---------------------------- FIN COPYRIGHT ---------------------------- */