/* razlebol – v0.5.1 styles (filters + floating legend + menu) */
#rzb-filters{padding:.5rem .75rem; background:#f8fafc; border:1px solid #e2e8f0; border-radius:.5rem; margin:.5rem 0 1rem 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
#rzb-filters .rzb-bar{display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end}
#rzb-filters .rzb-field{display:flex; flex-direction:column}
#rzb-filters .rzb-label{font-size:.8rem; color:#475569; margin-bottom:4px}
#rzb-filters .rzb-select{min-width:220px; padding:.4rem .5rem}
#rzb-filters .rzb-cats{display:flex; flex-wrap:wrap; gap:8px; max-width:720px}
#rzb-filters .rzb-cat{display:flex; align-items:center; gap:6px; background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:4px 10px}
#rzb-filters .rzb-actions{margin-left:auto; display:flex; gap:8px; align-items:center; position:relative}
#rzb-filters .rzb-btn{padding:.45rem .7rem; border:1px solid #cbd5e1; background:#fff; border-radius:6px; cursor:pointer}
#rzb-filters .rzb-btn:hover{background:#f1f5f9}

/* Floating legend (Leaflet control) */
.rzb-legend-float-wrap{background:transparent;}
.rzb-legend-float{background:#ffffff; border:1px solid #e5e7eb; border-radius:.5rem; box-shadow:0 2px 8px rgba(0,0,0,.06); padding:.5rem .6rem; min-width:180px}
.rzb-legend-float .title{font-weight:600; color:#334155; margin-bottom:.35rem}
.rzb-legend-float ul{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:4px}
.rzb-legend-float li{display:flex; align-items:center; gap:6px; font-size:.92rem}
.rzb-legend-float .emoji{width:1.2rem; display:inline-block; text-align:center}
.rzb-legend-float .lbl{color:#334155}

/* Options menu */
.rzb-btn-menu{font-weight:700; width:36px; height:36px; line-height:1;}
.rzb-menu-wrap{position:relative;}
.rzb-menu{position:absolute; right:0; top:42px; display:none; background:#fff; border:1px solid #e5e7eb; border-radius:.5rem; min-width:220px; box-shadow:0 8px 20px rgba(0,0,0,.08); padding:.25rem}
.rzb-menu-item{display:block; width:100%; text-align:left; padding:.45rem .6rem; border:none; background:#fff; cursor:pointer; border-radius:.35rem}
.rzb-menu-item:hover{background:#f1f5f9}

/* Leaflet popup – thème global */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--bg-section);
  color: var(--text-main);
  border: 1px solid var(--border-soft);
  
  
#map {
  max-width: 1200px;
  margin: 1.5rem auto;
};


.leaflet-popup-content a {
  color: var(--primary);
}
``