/* Fonds historiques IGN (barre en bas a gauche)
-------------------------------*/
#fonds-main {
    position: absolute;
    left: 15px;
    bottom: 20px; /* meme ligne que #toolbar-bottom (main.css) */
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px 4px 4px;
    font-size: 12.5px;
}

/* Panneau de filtres ouvert (ui.js toggleLayersMenu) : la barre se
   decale a droite du panneau de 300px au lieu d'etre recouverte. */
#fonds-main { transition: left .5s; }
body.filtres-ouverts #fonds-main { left: 315px; }

#fonds-liste {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.fonds-bouton {
    height: 32px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--verre-texte-2);
    font: 500 12.5px var(--police-ui);
    cursor: pointer;
}

.fonds-bouton:hover {
    background: var(--verre-survol);
    color: var(--verre-texte);
}

.fonds-bouton.actif {
    background: var(--accent);
    color: #fff;
}

#fonds-opacite-label {
    display: none;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

#fonds-main.fonds-actif #fonds-opacite-label {
    display: flex;
}

#fonds-opacite {
    width: 110px;
    accent-color: var(--accent);
}

#fonds-credit {
    font-size: 10px;
    color: var(--verre-texte-2);
}