/*
 * 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.
 */
.discovery-footer-zone {
    display: flex;
    flex-direction: column;
    gap: var(--discovery-space-4);
    width: 100%;
    max-width: var(--discovery-content-max);
    margin-inline: auto;
    padding-inline: 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, et une surface marquerait une séparation entre des
 * parties qui n'existent pas.
 */
.discovery-site-footer-connexion {
    margin-block-start: var(--discovery-space-8);
    background: none;
}