:root {
    --filter-footer-links: brightness(0) saturate(100%) invert(57%) sepia(65%) saturate(6591%) hue-rotate(-8deg) brightness(102%) contrast(103%);
} 


footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}



.foot-prim {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 2rem 8rem;
    z-index: 2;
    gap: 1rem 3rem;
}



.page-subtitle {
    display: inline-block;
    font-size: 2rem;
    font-weight: 300;
    color: var(--color_blanc);
    border-bottom: 2px solid var(--color_jaune);
    text-align: center;
    margin: 0;
    margin-bottom: 1rem;
}

.footer-infos {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.hours-desc {
    margin: 0;
}

.footer-infos a {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    color: var(--color_blanc);
}

.footer-infos a:hover img {
    filter: var(--filter-footer-links)
}

.footer-infos a:hover {
    color: var(--color_jaune);
}

.footer-infos address {
    font-style: normal;
}

.footer-socials {
    flex-direction: column;
}

.foot-snd {
    padding: 0 2rem 2rem 2rem;
}

.footer-legals {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    margin-right: 5rem;
}

.footer-legals a {
    text-decoration: none;
    color: var(--color_blanc);
}

.footer-legals a:hover {
    color: var(--color_jaune);
}

.footer-legals p {
    margin: 0;
}

@media (max-width:535px) {
    .foot-prim {
        padding: 2rem 2rem;
    }
     .footer-legals{
        gap: 0 1rem;
    }
}

@media (max-width:335px) {
    .foot-prim {
        padding: 2rem 1rem;
    }

    .footer-legals{
        gap: 0 1rem;
    }
}