/* =========================================
   WESTERN CITY — IMAGE DE FOND DU FOOTER
   ========================================= */

/* Mobile + tablette */
@media only screen and (max-width: 980px) {
    #western-footer {
        background-image: url('../images/footer-bg-mobile3.jpg');
        background-size: 100%;
        background-position: center bottom;
    }
}

/* Desktop */
@media only screen and (min-width: 981px) {
    #western-footer {
        background-image: url('../images/footer-bg2.jpg');
        background-size: cover;
        background-position: center bottom;
    }
}



/* Footer background — correction globale finale */
html body #page-container #western-footer,
html body #western-footer {
    background-color: transparent !important;
    background-image: url('../images/footer-bg2-scaled.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: cover !important;
}

@media only screen and (max-width: 767px) {
    html body #page-container #western-footer,
    html body #western-footer {
        background-image: url('../images/footer-bg-mobile3-scaled.jpg') !important;
        background-size: cover !important;
    }
}


/* Zone visuelle du footer : dernière section avant le footer */
.western-footer-background {
    background-image: url('../images/footer-bg2-scaled.jpg') !important;
    background-position: center bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

@media only screen and (max-width: 767px) {
    .western-footer-background {
        background-image: url('../images/footer-bg-mobile3-scaled.jpg') !important;
    }
}


/* Footer simplifié — structure stable */
.western-footer-main {
    padding: 20px 0 200px;
}

.western-footer-content {
    width: 80%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 48px 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5%;
    align-items: start;
}

.western-footer-logo img {
    display: block;
    width: 200px;
    max-width: 100%;
    height: auto;
}

.western-footer-contact,
.western-footer-links,
.western-footer-contact a,
.western-footer-links a {
    color: #fff;
}

.western-footer-contact,
.western-footer-links {
    font-size: 15px;
    line-height: 25px;
}

.western-footer-links a {
    font-weight: 700;
}

@media only screen and (max-width: 980px) {
    .western-footer-main {
        padding-bottom: 0;
    }

    .western-footer-content {
        width: 90%;
        padding: 30px 0;
        grid-template-columns: repeat(3, 1fr);
        gap: 4%;
    }
}

@media only screen and (max-width: 767px) {
    .western-footer-content {
        padding: 20px 0;
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .western-footer-logo img {
        width: 190px;
    }
}