/* ==========================================================================
   B2V - Carte interactive (styles)
   Cree le 31/08/2026.
   ========================================================================== */

.b2v-carte-hote{
  height:320px !important;
  min-height:320px;
  border-radius:12px;
  overflow:hidden;
  background:#f4f4f2;
  border:1px solid #ececec;
}

/* Conteneur autonome, plus grand */
.b2v-carte{
  height:420px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #ececec;
}

/* --- Pastilles de prix ---------------------------------------------------- */
.b2v-pin-wrap{ background:none !important; border:0 !important; }

.b2v-pin{
  display:inline-block;
  transform:translate(-50%,-100%);
  padding:.3rem .6rem;
  border-radius:999px;
  background:#60222D;
  color:#fff;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(17,24,39,.28);
  border:1.5px solid #fff;
  transition:background-color .18s ease, transform .18s ease;
}
.b2v-pin.is-imm{ background:#a87f2e; }

.b2v-pin-wrap:hover .b2v-pin{
  background:#7a2d3a;
  transform:translate(-50%,-100%) scale(1.08);
  z-index:600;
}
.b2v-pin.is-imm:hover{ background:#E0C26A; color:#4a1a22; }

/* Petite pointe sous la pastille */
.b2v-pin::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:0; height:0;
  transform:translateX(-50%);
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #60222D;
}
.b2v-pin.is-imm::after{ border-top-color:#a87f2e; }

/* --- Infobulle ------------------------------------------------------------ */
.leaflet-popup-content-wrapper{
  border-radius:12px;
  box-shadow:0 8px 28px rgba(17,24,39,.16);
}
.leaflet-popup-content{ margin:.9rem 1.05rem; }

.b2v-pop{ display:flex; flex-direction:column; gap:.3rem; min-width:170px; }
.b2v-pop strong{
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.9375rem;
  color:#111827;
  line-height:1.3;
}
.b2v-pop-p{ color:#60222D; font-weight:700; font-size:.875rem; }
.b2v-pop a{
  margin-top:.25rem;
  color:#60222D;
  font-weight:600;
  font-size:.8125rem;
  text-decoration:none;
}
.b2v-pop a:hover{ text-decoration:underline; }

/* Leaflet impose ses polices : on remet les notres. */
.leaflet-container{ font-family:Inter, sans-serif; }
.leaflet-control-attribution{ font-size:10px; }

@media (prefers-reduced-motion: reduce){
  .b2v-pin{ transition:none !important; }
}

/* Pastilles plus compactes : moins de chevauchement quand les villes sont proches. */
.b2v-pin{ font-size:11px; padding:.24rem .5rem; }
.leaflet-control-zoom a{ color:#60222D !important; }

/* Carte sur les fiches : plus grande que la mini-carte des filtres. */
.ep-map.b2v-carte-hote,
.pc-map.b2v-carte-hote{
  height:340px !important;
  min-height:340px;
  border-radius:16px;
}

/* Tuiles OSM adoucies : moins de saturation, plus proche du rendu sobre
   des maquettes. Les pastilles de prix restent en pleine couleur. */
.leaflet-tile-pane{
  filter:saturate(.55) brightness(1.04) contrast(.94);
}