:root{--ink:#111;--ink-2:#1f1f1f;--line:#e9e9eb;--muted:#6b7280;--gold:#c9a054}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--ink);background:#fafafa}
.navbar-brand img,.navbar-brand svg{display:block}
.btn-primary{background:var(--ink);border-color:var(--ink)}
.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}
.btn-outline-primary{color:var(--ink);border-color:var(--ink)}
.btn-outline-primary:hover{background:var(--ink);color:#fff}
.hero{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.015));border-bottom:1px solid var(--line)}
.search-card{box-shadow:0 12px 30px rgba(0,0,0,.06);border:1px solid var(--line);background:#fff}
.badge.sponsor{color:var(--gold);background:rgba(201,160,84,.12);border:1px solid rgba(201,160,84,.35)}
.badge.verified{background:rgba(0,0,0,.06);border:1px solid var(--line)}
.card-barber{transition:transform .2s,box-shadow .2s}
.card-barber:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.1)}
.giga-top .inner{border:2px dashed rgba(201,160,84,.45);border-radius:1rem;background:#fff}
.footer-links a{color:#6c757d;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
#map{height:340px;border-radius:.75rem;border:1px solid rgba(0,0,0,.08)}

@media (max-width: 991.98px) {
  .giga-top {
    display: none !important;
  }
}




 /* évite qu’un overlay quelconque bloque tes events souris sur la carte */
  #fr-dep-map { position: relative; z-index: 10; }
  #fr-dep-map .leaflet-pane, 
  #fr-dep-map .leaflet-overlay-pane svg { pointer-events: auto; }
  /* tooltip lisible */
  .leaflet-tooltip.dep-tooltip{
    background:rgba(255,255,255,.98);
    border:1px solid #cfd6e4;
    border-radius:.5rem;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
    padding:.35rem .6rem;
  }
  
  
  /* ====== Carte – thème LMBarbier ====== */
#fr-dep-map {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  background: #f3f4f6; /* fallback pendant le chargement */
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* Contrôles Leaflet ronds & sobres */
#fr-dep-map .leaflet-control-zoom a {
  width: 38px; height: 38px;
  line-height: 36px;
  border-radius: 12px;
  background: #ffffff;
  color: #111827;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  font-weight: 600;
}
#fr-dep-map .leaflet-control-zoom a:hover {
  background: #111827;
  color: #ffffff;
}

/* Bouton container */
#fr-dep-map .leaflet-control-zoom {
  border: 0; box-shadow: none; background: transparent;
}

/* Curseur & polygones */
#fr-dep-map .leaflet-interactive { cursor: pointer; }

/* Tooltip custom harmonisé */
#depTip{
  position:absolute; z-index:1000; display:none; pointer-events:none;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  padding:.4rem .6rem; font-size:.9rem; font-weight:600;
  color:#111827;
  transform: translate(10px, -10px);
}

.badge.sponsor {
  color: #c9a054;
  background: rgba(201,160,84,.12);
  border: 1px solid rgba(201,160,84,.35);
}
.content img {
  max-width: 100%;
  height: auto;
  border-radius: .5rem;
}