/* Chercher dans le règlement du PLU (src/recherche-plu.js) : un bouton loupe, un champ, les passages */
.rplu { margin: 8px 0 4px; }
.rplu-bouton { display: inline-flex; align-items: center; gap: 7px; height: var(--h-bouton); padding: 0 12px; border: 0; border-radius: var(--r-bouton); background: var(--survol); box-shadow: inset 0 0 0 1px var(--filet-2); color: var(--encre); font: inherit; font-size: var(--t-13); cursor: pointer; }
.rplu-bouton[aria-expanded="true"] { background: var(--actif); }
.rplu-bouton svg, .rplu-champ svg { width: 15px; height: 15px; flex: none; }
.rplu-zone { margin-top: 8px; }
.rplu-champ { display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 10px; border-radius: var(--r-bouton); background: var(--survol); box-shadow: inset 0 0 0 1px var(--filet-2); color: var(--encre-3); }
.rplu-champ input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; color: var(--encre); font: inherit; font-size: 1rem; outline: none; }
.rplu-res { display: grid; gap: 2px; max-height: 320px; overflow-y: auto; margin-top: 6px; }
.rplu-compte { margin: 4px 0; color: var(--encre-3); font-size: var(--t-12); }
.rplu-item { display: grid; gap: 2px; padding: 7px 8px; border: 0; border-radius: var(--r-bouton); background: none; color: var(--encre-2); font: inherit; font-size: var(--t-13); line-height: 1.45; text-align: left; cursor: pointer; }
.rplu-item:hover { background: var(--survol); }
.rplu-item small { color: var(--encre-3); font-size: var(--t-11); }
.rplu-item mark { background: rgba(232, 161, 90, 0.35); color: var(--encre); border-radius: var(--r-fin); padding: 0 1px; }