/* FOOTER */
.wrapper-full-footer {
    position: relative;
    z-index: 1;
}


.footer-acces-rapide {
    background: url('i/footer-acces-rapide.webp') no-repeat center center/cover;
    border-top: 10px solid #FBD085;
}
.footer-acces-rapide-inner {
    max-width: min(1000px, 80%);
    margin: 0 auto;
    padding: clamp(40px, 10vw, 140px) 20px calc(clamp(80px, 12vw, 160px) +  clamp(40px, 8vw, 80px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}
.footer-acces-rapide-inner a {
    display: inline-flex;
    align-items: center;
    font-size: 1.2em;
    color: #FBD085;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    gap: 0.5em;
    background-color: #fff;
    line-height: 1;
    border-radius: 0.7em;
    padding: 0.5em 0.75em;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);

    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.footer-acces-rapide-inner a img {
    vertical-align: top;
    width: 2em;
    height: 2em;
}

.footer-acces-rapide-inner a:hover {
    background-color: rgb(255, 249, 201);
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.25);
}

.wrapper-footer {
    position: relative;
    font-weight: 400;

    background:
    url('i/footer-bg-left-2x.png') left bottom / auto 100% no-repeat,
        url('i/footer-bg-right-2x.jpg') right bottom / auto 100% no-repeat,
        #2B2826;
    
    padding: calc( clamp(150px, 20vw, 210px) / 2 + 40px + 2vw) 20px 75px;
}


.wrapper-footer .footer-bougeoirs {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.2));
    width: clamp(250px, 32vw, 449px);
    pointer-events: none;
}
.wrapper-footer .footer-bougeoirs img {
    width: 100%;
    vertical-align: top;
}

.footer-logo img {width:340px;padding-bottom:20px;}

.footer-1 p {line-height: 1.6;}

.footer-ligne-or {
    height: 10px;
    background: #FBD085;
}

/* FOOTER */
.wrapper-footer-inner {
    position: relative;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    font-size: 20px;

    margin: 0 auto;

    z-index: 1;

    max-width: 1620px;
}




.wrapper-footer-inner :is(.footer-1, .footer-2, .footer-3) {
    width: 33.33%;
    position: relative;
    text-align: center;
}

.wrapper-footer-inner .footer-inner {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 60px 10px 20px 10px;
    color: #fff;
    max-width: 370px;
}

.wrapper-footer-inner a {
    text-decoration: none;
    color: currentColor;
}
.wrapper-footer-inner a:hover {
    color: #FBD085;
}

.footer-1 .footer-inner {
  padding-top:0px;
}

.wrapper-footer-inner .footer-inner h3 {
    font-family: "Staatliches", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #FBD085;
    margin: 0;
    margin-bottom: 0.2em;
    font-size: 32px;
    position: relative;
    padding-bottom: 0.5em;
    line-height: 1.2;
}

.footer-inner address {
    font-style: normal;
}
.footer-inner .footer-lien-plan {
    font-weight: 700;
}

.footer-inner .footer-tel,
.footer-inner .footer-email {
    display: inline-block;
    margin-top: 0.75em;
    font-weight: 700;
}

.footer-reseaux {
    display: flex;
    justify-content: center;
    gap: 0.75em;
    margin-top: 1em;
}

.footer-reseaux a:hover img{
    filter: brightness(0) saturate(100%) invert(81%) sepia(59%) saturate(342%) hue-rotate(337deg) brightness(97%) contrast(104%);
}

.footer-inner p {
    margin: 0;
}

.footer-inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-inner ul a {
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 4px;
    text-transform: uppercase;
    width: 100%;
    line-height: 1.8;
}
.footer-inner ul ul a {
    color: #C6CCDD;
    font-size: 0.8em;
}

.footer-1 .widget-avis {
    margin-top: 20px;
    width: max-content;
    margin: 0 auto;
}



.wrapper-footer .mentions{
    color: #706760;
}


div.mentions {
    position: relative;
    max-width: 1000px;
    margin: auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    margin-top: clamp(40px, 8vw, 100px);

    padding: 0 20px;
}


div.mentions a {
    color: #706760;
    font-weight: 700;
    text-decoration: none;
}
div.mentions a:hover {
    color: #FBD085;
}




@media (max-width: 1300px) {
    .wrapper-footer-inner {
        max-width: 1000px;
    }

    .wrapper-footer-inner :is(.footer-2, .footer-3) {
        width: 50%;
    }

    .wrapper-footer-inner .footer-1 {
        width: 100%;
    }

    .wrapper-footer {
        padding-top: 80px;
    }

    .wrapper-footer-inner .footer-inner {
        padding-top: 40px;
    }
    
}

@media (max-width: 930px) {
    .footer-acces-rapide-inner a {
        font-size: 1em;
    }
}

@media (max-width: 740px) {
    .wrapper-footer-inner {
        gap: 20px;
        
    }
    .wrapper-footer-inner :is(.footer-1, .footer-2, .footer-3) {
        width: 100%;
    }
    .wrapper-footer-inner .footer-inner {
        display: block;
        padding: 0 10px 20px 10px;
    }

    .footer-1 .footer-inner {
        padding-top: 0px;
    }
}


@media (max-width: 450px) {
    .wrapper-footer-inner {
        font-size: 18px;
    }
    .wrapper-footer-inner .footer-inner h3 {
        font-size: 28px;
    }
    .footer-logo img {
        width: 300px;
    }
}