/*
 * Pied de page du thème Discovery.
 *
 * Disposition des six zones du pied, de la grille de widgets et du bloc de
 * mentions.
 *
 * Le pied porte une surface distincte de celle du document afin de marquer
 * visuellement la fin du contenu. Il n'a pas de largeur maximale propre :
 * la surface s'étend sur toute la largeur, et seul son contenu est contraint.
 *
 * Chaque zone n'est présente dans le document que si elle a du contenu : la
 * feuille n'a donc pas à masquer de zone vide.
 *
 * Les valeurs des points de rupture sont écrites en clair : la spécification
 * CSS interdit une variable dans une condition de media query.
 */


/* =============================================================
   Élément de pied de page
   ============================================================= */

.discovery-site-footer {
    display: flex;
    flex-direction: column;
    gap: var(--discovery-space-6);
    margin-block-start: var(--discovery-space-12);
    padding-block: var(--discovery-space-8);
    background-color: var(--discovery-color-surface);
    border-block-start: 1px solid var(--discovery-color-border);
}


/* =============================================================
   Zones
   ============================================================= */

/*
 * Les zones sont contraintes à la largeur du contenu, alors que la surface
 * du pied s'étend au-delà : le texte reste ainsi aligné sur celui du
 * document, quelle que soit la largeur de la fenêtre.
 */
/*
 * Le remplissage latéral borne le contenu de la zone et laisse son fond
 * couvrir la fenêtre entière, sans bande du fond de page de part et d'autre.
 * Une largeur posée sur la région borne le fond avec le contenu.
 *
 * La valeur suit la largeur réglée, et ne descend jamais sous la marge
 * latérale ordinaire, qui garde le contenu à distance du bord.
 */
.discovery-footer-zone {
    display: flex;
    flex-direction: column;
    gap: var(--discovery-space-4);
    width: 100%;
    padding-inline: max(
        var(--discovery-space-4),
        calc( ( 100% - var( --discovery-footer-max, var( --discovery-content-max ) ) ) / 2 + var(--discovery-space-4) )
    );
}


/* =============================================================
   Grille de widgets
   ============================================================= */

.discovery-footer-widgets {
    display: grid;
    gap: var(--discovery-space-6);
}

@media (min-width: 768px) {

    .discovery-footer-widgets {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    }
}

.discovery-footer-widget-zone {
    min-width: 0;
}


/* =============================================================
   Navigations du pied
   ============================================================= */

/*
 * Les menus du pied sont centrés, contrairement à ceux de l'en-tête : ils
 * accompagnent les mentions plutôt qu'une identité alignée au bord.
 */
.discovery-footer-primary-navigation .discovery-menu,
.discovery-footer-info-navigation .discovery-menu,
.discovery-footer-extra-navigation .discovery-menu {
    justify-content: center;
}

.discovery-footer-info-navigation .discovery-menu-button,
.discovery-footer-extra-navigation .discovery-menu-button {
    padding-block: var(--discovery-space-1);
    font-size: var(--discovery-text-sm);
}


/* =============================================================
   Mentions
   ============================================================= */

.discovery-footer-credit {
    text-align: center;
}

.discovery-footer-credit p {
    margin: 0;
    color: var(--discovery-color-muted);
    font-size: var(--discovery-text-sm);
}


/* =============================================================
   Pied réduit du modèle Connexion
   ============================================================= */

/*
 * Le pied du modèle Connexion ne porte pas de surface distincte : la page ne
 * comporte qu'un contenu, sans partie dont le séparer.
 */
.discovery-site-footer-connexion {
    margin-block-start: var(--discovery-space-8);
    background: none;
}