/* Raccord WordPress -> maquette CBD. Uniquement ce que WordPress ajoute et que la maquette ignore. */

/* Pied de page compact, mobile d'abord. Cette feuille n'est dans aucune couche : elle passe devant les
   couches de la maquette quel que soit le point de rupture, d'où les requêtes explicites. Deux balisages :
   villes et herbs (pied-site__haut, alertes, pied-site__bas), animaux (conteneur, pied-site__grille, mentions). */
.pied-site{margin-top:var(--espace-12,3rem);font-size:var(--texte-petit,.875rem)}
.pied-site .conteneur{padding-top:0}
.pied-site:has(.pied-site__grille){padding-block:var(--e-10,2.5rem) var(--e-6,1.5rem)}
.pied-site__haut{gap:var(--espace-6,1.5rem);padding-top:var(--espace-8,2rem)}
.pied-site__marque{gap:var(--espace-2,.5rem)}
.pied-site .logo--pied{font-size:var(--texte-grand,1.375rem)}
.pied-site__marque p,.pied-site__devise{font-size:.8125rem;line-height:1.5}
.pied-site__colonnes{gap:var(--espace-5,1.25rem) var(--espace-4,1rem)}
.pied-site__colonnes li{margin-bottom:var(--espace-1,.25rem)}
.pied-site__colonnes a,.pied-site__liens a{display:inline-block;padding-block:.15rem;line-height:1.35}
.pied-site__liens{gap:var(--e-1,.25rem)}
.pied-site h2{margin-bottom:var(--e-2,.5rem)}
.alertes{padding-top:var(--espace-6,1.5rem);padding-bottom:var(--espace-4,1rem)}
.alertes__titre{margin-bottom:var(--espace-2,.5rem);font-size:var(--texte-base,1rem)}
.alertes__liste{gap:var(--espace-2,.5rem);padding-top:var(--espace-3,.75rem);font-size:.8125rem;line-height:1.45}
.pied-site__remuneration{font-size:.8125rem}
.pied-site__bas{padding-top:var(--espace-4,1rem);padding-bottom:var(--espace-6,1.5rem);font-size:.8125rem;line-height:1.5}
.pied-site__mentions{margin-top:var(--e-6,1.5rem);padding-top:var(--e-4,1rem);gap:var(--e-2,.5rem)}
@media (max-width:899.98px){
  .pied-site__colonnes,.pied-site__grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espace-5,1.25rem) var(--espace-4,1rem)}
  .pied-site__grille > :first-child{grid-column:1/-1}
}
@media (min-width:900px){
  .pied-site__haut{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);align-items:start}
  .pied-site__marque{align-content:start}
}

/* Flux imposés par l'habillage VDL (derniers articles, contenus, liens loués) : une ligne par titre en
   mobile, deux au plus ailleurs. */
.pied-site__flux{max-width:var(--largeur-page,72rem);margin:0 auto;padding:var(--espace-6,1.5rem) var(--gouttiere,1rem) var(--espace-4,1rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--espace-2,.5rem) var(--espace-10,2.5rem)}
.conteneur > .pied-site__flux{padding-inline:0}
.pied-site__flux-titre{grid-column:1/-1;margin:0;padding-bottom:var(--espace-2,.5rem);border-bottom:var(--trait-fin,1px) solid color-mix(in oklch,var(--couleur-pied-encre,currentColor) var(--transparence-trait,25%),transparent);font-family:var(--police-titre,inherit);font-size:var(--texte-base,1rem);font-weight:var(--graisse-forte,700)}
.pied-site__flux-col:empty{display:none}
.pied-site__flux-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--espace-1,.25rem)}
.pied-site__flux-col li{margin:0;padding:.15rem 0;min-width:0}
.pied-site__flux-col a{color:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}
.pied-site__flux-col img{display:none}
@media (max-width:599.98px){
  .pied-site__flux-col a{display:block;white-space:nowrap;text-overflow:ellipsis}
}

/* Bouton « haut de page » d'Astra : absent de la maquette. */
#ast-scroll-top{display:none!important}

/* Sommaire automatique dans les articles : aux couleurs du site. */
.article__corps #ez-toc-container{background:var(--couleur-fond-panneau,rgba(0,0,0,.03));border:var(--trait-fin,1px) solid var(--couleur-filet,rgba(0,0,0,.12));border-radius:var(--rayon-moyen,12px);box-shadow:none;padding:var(--espace-4,1rem) var(--espace-5,1.25rem);margin-top:var(--espace-6,1.5rem);width:auto}
.article__corps #ez-toc-container .ez-toc-title{font-family:var(--police-titre,inherit);font-weight:var(--graisse-forte,700);font-size:var(--texte-moyen,1.125rem)}
.article__corps #ez-toc-container a{color:var(--couleur-texte,inherit)}

/* Images insérées dans le corps des articles WordPress. */
.article__corps img{max-width:100%;height:auto;border-radius:var(--rayon-moyen,12px)}
.article__corps figure{margin:var(--espace-6,1.5rem) 0}
.article__corps figcaption{font-size:var(--texte-petit,.875rem);color:var(--couleur-texte-doux,inherit);margin-top:var(--espace-2,.5rem)}
.article__visuel img{width:100%;height:auto}

/* Famille animaux : corps d'article et images WordPress. */
.corps img{max-width:100%;height:auto}
/* Les tableaux WordPress n'ont pas l'enveloppe .table-scroll de la maquette : sans ceci, la grille du corps
   prend la largeur du tableau et la page déborde en mobile. */
.corps{grid-template-columns:minmax(0,1fr)}
.corps table:not(.table-scroll table){display:block;max-width:100%;min-width:0;overflow-x:auto}
.article__corps{min-width:0}
.article__corps table:not(.table-scroll table){display:block;max-width:100%;overflow-x:auto}
.corps #ez-toc-container{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:none;padding:1rem 1.25rem;width:auto}