/* Légendes des calques communs (src/couches-donnees.js) : prix, ventes, permis, assainissement */
.cd-leg i.cd-vide { background: transparent; box-shadow: inset 0 0 0 1px var(--filet-2); }
/* Le type des prix : un segment compact, comme les mesures de la carte d'accueil */
.cd-types { width: 100%; display: inline-flex !important; gap: 0 !important; margin: 4px 0 2px; padding: 2px; border-radius: var(--r-bouton); background: var(--actif); }
.cd-types button { flex: 1; min-height: 0; height: 26px; padding: 0 6px; border: 0; border-radius: var(--r-pastille); background: none; color: var(--encre-3); font: inherit; font-size: var(--t-12); cursor: pointer; }
.cd-types button:hover { color: var(--encre); }
.cd-types button[aria-pressed="true"] { background: var(--surface-panneau); color: var(--encre); box-shadow: 0 0 0 1px var(--filet-2); }
.cd-types button:focus-visible, .cd-lien:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.cd-lien { min-height: 0; padding: 0; border: 0; background: none; color: var(--encre-2); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.cd-lien:hover { color: var(--encre); }
@media (max-width: 899px) { .cd-types button { height: 44px; } }
.cd-leg i.cd-grappe { background: transparent; border: 2px solid; box-sizing: border-box; }
.cc-leg .cd-rho { display: block; width: 100%; color: var(--encre-2); }