/* ── Reset ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:      #06131f;
  --surface: #0d2135;
  --accent:  #38bdf8;
  --accent2: #7dd3fc;
  --text:    #e6f3fb;
  --muted:   #8bb0c9;
  --r:       10px;
  --h-top:   50px;
  --h-search:52px;
}

html,body{height:100%;margin:0;background:var(--bg);color:var(--text);
  font-family:'Segoe UI',system-ui,sans-serif;-webkit-tap-highlight-color:transparent}

body{
  display:grid;
  grid-template-rows:var(--h-top) var(--h-search) 1fr auto;
  height:100dvh;overflow:hidden;
  padding-top:env(safe-area-inset-top);
}

/* ── Nav ────────────────────────────────────────────────── */
.topnav{
  display:flex;align-items:center;gap:1rem;padding:0 1rem;
  background:var(--surface);border-bottom:1px solid #38bdf833;
}
.nav-back{color:var(--accent2);text-decoration:none;font-size:.85rem;font-weight:700}
.nav-back:hover{color:#fff}
.nav-title{font-size:.95rem;font-weight:800;flex:1}
.count-chip{
  background:var(--accent);color:#06131f;border-radius:2rem;
  padding:.2rem .7rem;font-size:.78rem;font-weight:800;white-space:nowrap;
}

/* ── Barre de recherche ─────────────────────────────────── */
.searchbar{
  display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;
  background:var(--surface);border-bottom:1px solid #38bdf822;
  overflow-x:auto;white-space:nowrap;
}
.search-form{display:flex;gap:.3rem;align-items:center}
.searchbar input[type="text"]{
  width:120px;padding:.4rem .6rem;border-radius:8px;border:1px solid #38bdf844;
  background:rgba(255,255,255,0.95);color:#06131f;font-size:.9rem;font-weight:600;
}
.tool-btn{
  padding:.4rem .7rem;border:none;border-radius:8px;background:var(--accent);
  color:#06131f;font-size:.85rem;font-weight:800;cursor:pointer;white-space:nowrap;
  touch-action:manipulation;
}
.tool-btn:hover{background:var(--accent2)}
.dep-select{
  padding:.4rem .6rem;border-radius:8px;border:1px solid #38bdf844;
  background:var(--surface);color:var(--text);font-size:.85rem;max-width:170px;
}
.chk{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--muted);cursor:pointer}
.chk input{accent-color:#e11d48;width:1rem;height:1rem}

/* ── Carte ──────────────────────────────────────────────── */
#map{width:100%;height:100%;background:#0a1a29}
.leaflet-container{background:#0a1a29}

/* ── Bandeau info ───────────────────────────────────────── */
.infobar{
  padding:.5rem 1rem;background:var(--surface);border-top:1px solid #38bdf822;
  font-size:.78rem;color:var(--muted);text-align:center;
  padding-bottom:calc(.5rem + env(safe-area-inset-bottom));
}

/* ── Marqueurs ──────────────────────────────────────────── */
.borne-marker{background:none;border:none}
.borne-marker .pin{
  display:flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.5);
  border:1.5px solid #fff;color:#06131f;font-size:11px;
}
/* redresse l'emoji à l'intérieur du pin tourné */
.borne-marker .pin-emoji{display:block;transform:rotate(45deg);line-height:1}

/* Contenu popup */
.popup{min-width:180px;font-family:'Segoe UI',system-ui,sans-serif}
.popup-title{font-weight:800;font-size:.95rem;margin-bottom:.15rem;color:#06131f}
.popup-sub{font-size:.8rem;color:#334155;margin-bottom:.4rem}
.popup-row{font-size:.8rem;color:#1e293b;margin-top:.2rem}
.popup-row.muted{color:#64748b}
.popup-link{
  display:inline-block;margin-top:.5rem;padding:.35rem .6rem;
  background:#38bdf8;color:#06131f;border-radius:6px;
  font-size:.8rem;font-weight:800;text-decoration:none;
}
.popup-link:hover{background:#7dd3fc}