/* ============================================================
   COMPONENT — Footer
   Bande bleue Capgemini en bas de page, hauteur 51px,
   liens secondaires alignés à droite + copyright.
   Frame Figma : Footer (5:517).
   ============================================================ */

.siteFooter {
    background: var(--color-primary-blue);
    padding: var(--space-5) var(--content-gutter);
    color: var(--color-primary-white);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-10);
    font-family: var(--font-family-base);
    font-size: var(--font-size-mention);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-tight);
    text-align: center;
}

.siteFooter__link {
    color: var(--color-primary-white);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.15s ease;
}

.siteFooter__link:hover,
.siteFooter__link:focus-visible {
    opacity: 0.8;
    outline: none;
    text-decoration: underline;
}

.siteFooter__copyright {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .siteFooter {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--space-3);
        text-align: center;
    }
}