/* ==========================================================================
   psb-mapa.css — sama mapa punktów PSB (Leaflet) z plakietką „9+ punktów".

   Osobno od listy sklepów (psb-sklepy.css), bo O firmie osadza tylko mapę —
   bez rozwijanej listy — więc nie ma po co pobierać tam jej stylów.
   Wymaga: vendor/leaflet.css oraz js/psb.js.
   ========================================================================== */

.psb-map-head{text-align:center}
.psb-map-head h3{font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--green)}
.psb-map{margin-top:26px;border-radius:16px;overflow:hidden;aspect-ratio:16/7;position:relative;border:1px solid var(--line);isolation:isolate;z-index:0}
.psb-map__canvas{width:100%;height:100%}
.psb-map-badge{position:absolute;top:14px;right:14px;background:#fff;padding:10px 18px;border-radius:13px;display:flex;align-items:center;gap:11px;box-shadow:0 6px 18px rgba(0,0,0,.16);z-index:1200;border:1px solid rgba(0,87,168,.15);pointer-events:none}
.psb-map-badge img{height:29px;width:auto;display:block}
.psb-map-badge span{font-size:.81rem;font-weight:700;color:#0057A8;white-space:nowrap}
@media(max-width:760px){.psb-map{aspect-ratio:4/3}}


/* Dymki Leaflet — nadpisanie stylu biblioteki na styl marki.
   W makiecie treść dymka miała style w atrybutach style="" budowanych w JS;
   tutaj JS wstawia tylko klasy, a wygląd jest w CSS. */
.psb-lf-popup .leaflet-popup-content-wrapper{border-radius:10px;box-shadow:0 6px 20px rgba(22,66,69,.14);border:none}
.psb-lf-popup .leaflet-popup-tip{background:#fff}
.psb-lf-popup .leaflet-popup-content{margin:14px 16px}
.psb-lf-popup__body{font-family:inherit;min-width:160px}
.psb-lf-popup__kicker{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1B4F9A;opacity:.7;margin-bottom:4px}
.psb-lf-popup__city{font-size:.95rem;font-weight:600;color:var(--green)}
.psb-lf-popup__addr{font-size:.8rem;color:var(--muted);margin-top:2px;margin-bottom:10px}
.psb-lf-popup__link{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#1B4F9A;text-decoration:none;border:1px solid #1B4F9A;border-radius:6px;padding:5px 10px}
.psb-lf-popup__link:hover{background:#1B4F9A;color:#fff}