/* ==========================================================================
   Végécantines — Pied de page (Theme Builder > « Pied de page Végécantines »)
   Sections : vc-chiffres (bloc « Nos cantines changent le monde »)
              vc-footer (lignes vc-footer__main, vc-footer__avf, vc-footer__bottom)
   Contenus : page d'options ACF « Pied de page » (includes/footer-options.php)

   Sélecteurs préfixés par .et-l--footer pour l'emporter sur Divi
   par la spécificité : aucun !important.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Bloc « Nos cantines changent le monde »
   -------------------------------------------------------------------------- */
.et-l--footer .vc-chiffres.et_pb_section {
    padding: 56px 0 64px;
    background-color: var(--vc-peche);
}
.et-l--footer .vc-chiffres .et_pb_row {
    width: 90%;
    max-width: var(--vc-container);
    padding: 0;
}
.et-l--footer .vc-chiffres .vc-chiffres__titre {
    padding-bottom: 0;
    margin-bottom: 36px;
}
.et-l--footer .vc-chiffres ul.vc-stats {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: inherit;
}
.et-l--footer .vc-chiffres .vc-stat {
    padding: 0;
}
.et-l--footer .vc-chiffres .vc-stat__icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.et-l--footer .vc-chiffres .vc-stat__body strong {
    margin-bottom: 4px;
}

/* --------------------------------------------------------------------------
   Pied de page vert
   -------------------------------------------------------------------------- */
.et-l--footer .vc-footer.et_pb_section {
    row-gap: 0; /* Divi met 60px entre les lignes de la section */
    padding: 56px 0 0;
    background-color: var(--vc-vert);
    color: var(--vc-blanc);
}

.et-l--footer .vc-footer .et_pb_row {
    width: 90%;
    max-width: var(--vc-container);
    margin-bottom: 0;
}
/* Espace entre modules d'une même colonne (Divi : 30px) */
.et-l--footer .vc-footer .et_pb_row .et_pb_column {
    row-gap: 20px;
}

.et-l--footer .vc-footer,
.et-l--footer .vc-footer p,
.et-l--footer .vc-footer li,
.et-l--footer .vc-footer .et_pb_text {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .92);
}

.et-l--footer .vc-footer h2,
.et-l--footer .vc-footer h3,
.et-l--footer .vc-footer .vc-footer__title {
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--vc-blanc);
}

.et-l--footer .vc-footer a:not(.vc-btn) {
    color: var(--vc-blanc);
    text-decoration: none;
}
.et-l--footer .vc-footer .vc-footer__texte {
    padding-bottom: 16px;
}

/* Logo passé en blanc (le fichier fourni est en couleur) */
.et-l--footer .vc-footer .vc-footer__logo img {
    width: auto;
    height: 56px;
    filter: brightness(0) invert(1);
}

/* Liste de liens */
.et-l--footer .vc-footer ul.vc-footer__links {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: inherit;
}
.et-l--footer .vc-footer .vc-footer__links li {
    padding: 3px 0;
}
.et-l--footer .vc-footer .vc-footer__links a {
    font-weight: 600;
}
.et-l--footer .vc-footer .vc-footer__links a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Réseaux sociaux */
.et-l--footer .vc-footer ul.vc-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}
.et-l--footer .vc-footer .vc-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .16);
    color: var(--vc-blanc);
}
.et-l--footer .vc-footer .vc-social a:hover {
    transform: rotate(45deg);
}
.et-l--footer .vc-footer .vc-social svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Bloc AVF */
.et-l--footer .vc-footer .vc-footer__avf.et_pb_row {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 40px;
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
}
.et-l--footer .vc-footer .vc-footer__avf .et_pb_column {
    margin: 0;
}
.et-l--footer .vc-footer .vc-footer__avf-logo.et_pb_column {
    flex: 0 0 auto;
    width: auto;
}
.et-l--footer .vc-footer .vc-footer__avf-logo img {
    width: auto;
    height: 48px;
}
.et-l--footer .vc-footer .vc-footer__avf-text.et_pb_column {
    flex: 1 1 auto;
    width: auto;
}
.et-l--footer .vc-footer .vc-footer__bloc--avf .vc-footer__title {
    padding-bottom: 4px;
    font-size: 16px;
}
.et-l--footer .vc-footer .vc-footer__bloc--avf p {
    padding-bottom: 4px;
}

/* Barre du bas */
.et-l--footer .vc-footer .vc-footer__bottom.et_pb_row {
    padding: 18px 0 22px;
    border-top: 1px solid rgba(255, 255, 255, .25);
}
.et-l--footer .vc-footer .vc-footer__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 24px;
    font-size: 13px;
}
.et-l--footer .vc-footer .vc-footer__legal ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 22px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.et-l--footer .vc-footer .vc-footer__legal a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* --------------------------------------------------------------------------
   Tablette / mobile
   -------------------------------------------------------------------------- */
@media (max-width: 980px) {
    .et-l--footer .vc-chiffres.et_pb_section {
        padding: 44px 0 48px;
    }
    .et-l--footer .vc-chiffres .vc-chiffres__titre {
        margin-bottom: 28px;
    }
    .et-l--footer .vc-footer.et_pb_section {
        padding-top: 40px;
    }
    .et-l--footer .vc-footer .vc-footer__main.et_pb_row {
        display: flex;
        flex-wrap: wrap;
        column-gap: 6%;
        row-gap: 0;
    }
    .et-l--footer .vc-footer .vc-footer__main .et_pb_column {
        flex: 0 0 47%;
        width: 47%;
        margin: 0 0 28px;
    }
    .et-l--footer .vc-footer .et_pb_row .et_pb_column {
        row-gap: 14px;
    }
    .et-l--footer .vc-footer .vc-footer__avf.et_pb_row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 0;
        padding: 24px 0;
    }
    .et-l--footer .vc-footer .vc-footer__bottom.et_pb_row {
        padding: 16px 0 20px;
    }
    .et-l--footer .vc-footer ul.vc-social {
        margin-top: 12px;
    }
}

@media (max-width: 600px) {
    .et-l--footer .vc-chiffres.et_pb_section {
        padding: 36px 0 40px;
    }
    .et-l--footer .vc-footer.et_pb_section {
        padding-top: 32px;
    }
    .et-l--footer .vc-footer .vc-footer__main .et_pb_column {
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 24px;
    }
    .et-l--footer .vc-footer h2,
    .et-l--footer .vc-footer h3,
    .et-l--footer .vc-footer .vc-footer__title {
        padding-bottom: 8px;
    }
    .et-l--footer .vc-footer .vc-footer__legal {
        flex-direction: column;
    }
}

/* Pages intérieures : bloc « Nos cantines changent le monde » sur fond blanc
   (le fond pêche est réservé à la page d'accueil). */
body:not(.home) .et-l--footer .vc-chiffres.et_pb_section {
    background-color: var(--vc-blanc);
}
