/*
 * Pied de page — SiteFooter (sources-design-components/SiteFooter.dc.html).
 */

.site-footer {
    background: var(--mr-blanc);
    border-top: 1px solid #ececec;
    padding: 40px 24px;
    text-align: center;
    margin-top: auto;
}

.site-footer__inner {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.site-footer__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.site-footer__logo {
    height: 48px;
    width: auto;
}

/* .site-footer .site-footer__aurillac (pas .site-footer__aurillac seule) :
   .site-footer__aurillac est un <p>, donc à égalité de spécificité avec
   .site-footer p (une classe + une balise) ci-dessous ; la couleur voulue
   ici ne l'emportait jamais (retour utilisateur : "la bonne couleur" — en
   pratique #666 gris s'affichait depuis toujours, pas le bleu prévu). */
.site-footer .site-footer__aurillac {
    margin: 0;
    font-weight: 700;
    font-size: 17px;
    /* #005abb (pas --mr-bleu-leclerc/#0066b3, une teinte proche mais pas
       identique) : couleur exacte relevée sur actu.maregion.leclerc
       (style inline sur le "& E.Leclerc" du footer). */
    color: #005abb;
}

.site-footer__aurillac span {
    /* #f18e00 (pas #f07d00) : couleur exacte relevée sur
       actu.maregion.leclerc (classe .text-accent sur "Aurillac"). */
    color: #f18e00;
}

.site-footer p {
    margin: 0;
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

.site-footer a {
    color: var(--mr-bleu-leclerc);
    font-weight: 600;
}

.site-footer__copyright {
    margin: 6px 0 0;
}

html.a11y-contrast .site-footer,
html.a11y-enhanced .site-footer {
    border-top: 3px solid var(--mr-encre);
}

html.a11y-contrast .site-footer a,
html.a11y-enhanced .site-footer a {
    color: var(--mr-a11y-accent) !important;
}

/* « Gérer les cookies » : un bouton (il rouvre la fenêtre de choix, il ne
   navigue pas) qui doit pourtant se lire comme les liens qui l'entourent. */
.site-footer .link-cookies {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: var(--mr-bleu-leclerc);
    text-decoration: underline;
    cursor: pointer;
}

html.a11y-contrast .site-footer .link-cookies,
html.a11y-enhanced .site-footer .link-cookies {
    color: var(--mr-a11y-accent) !important;
}