/* ─────────────────────────────────────────────────────────────────────────
   bp-map.css — styling for the real map on properties.html
   Paired with assets/bp-map.js. Loaded only where a map exists.
   ───────────────────────────────────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════════════════
   MAP — real Leaflet pins, replacing the Stage 1 stub
   Styled to match the existing .mappin look so the page does not suddenly
   acquire a second visual language.
   ═══════════════════════════════════════════════════════════════════════ */
#bp-map{height:100%;min-height:520px;border-radius:12px;overflow:hidden;
        border:1px solid rgb(11 26 47/.10);background:#EDE9E3}
.leaflet-container{font:inherit;background:#EDE9E3}

.bpin{width:auto!important;height:auto!important;background:none;border:0}
.bpin b{display:inline-block;padding:4px 9px;border-radius:999px;
        background:#fff;border:1px solid rgb(11 26 47/.16);
        font-size:12.5px;font-weight:650;color:var(--navy,#0B1A2F);
        white-space:nowrap;box-shadow:0 2px 8px rgb(11 26 47/.14);
        transition:transform .16s ease,background .16s ease,color .16s ease}
.bpin i{display:block;width:7px;height:7px;margin:3px auto 0;border-radius:50%;
        background:var(--navy,#0B1A2F);box-shadow:0 0 0 3px rgb(255 255 255/.85)}

.bpin:hover b,.bpin--on b{background:var(--navy,#0B1A2F);color:var(--gold-l,#E4C98A);
                          border-color:var(--navy,#0B1A2F);transform:scale(1.06)}
.bpin:hover i,.bpin--on i{background:var(--gold,#C69B4B)}

/* Derived, not surveyed — must not look as certain as the rest */
.bpin--approx b{background:repeating-linear-gradient(135deg,#fff,#fff 5px,#F3EFE8 5px,#F3EFE8 10px);
                border-style:dashed;color:#6B6355}
.bpin--approx i{background:#9A9384}

.bpop{font-size:13.5px;line-height:1.55}
.bpop strong{font-size:15px}
.bpop em{color:#6B6355;font-size:12.5px}
.bpop a{color:var(--navy,#0B1A2F);font-weight:600}

/* Card lit from a pin hover */
.rcard--lit{outline:2px solid var(--gold,#C69B4B);outline-offset:3px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
         overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}