/* brestobl.com - карта точек (блок points-map).
 * Подключается после siteall.css и берёт его переменные (--rule, --accent...).
 * siteall.css не переопределяет: всё под .pmap. */

.pmap{margin: 18px 0 26px}
.pmap-bar{display:flex; flex-wrap:wrap; align-items:center; gap: 8px 10px; margin-bottom: 10px}
.pmap-bar:empty{display:none}
.pmap-kinds{display:flex; flex-wrap:wrap; gap: 8px}

.pmap-chip{
  display:inline-flex; align-items:center; gap: 6px;
  border: 1px solid var(--rule); background: var(--paper);
  padding: 4px 10px; font-size: 13px; cursor: pointer; user-select: none;
}
.pmap-chip input{margin:0}
.pmap-chip small{color: var(--muted); font-size: 12px}
.pmap-chip:has(input:checked){border-color: var(--ink-2)}

.pmap-bank, .pmap-near{
  border: 1px solid var(--rule); background: var(--paper); color: var(--ink);
  padding: 5px 10px; font: inherit; font-size: 13px;
}
.pmap-near{cursor:pointer}
.pmap-near:hover{border-color: var(--accent); color: var(--accent)}
.pmap-near:disabled{opacity:.6; cursor:wait}
.pmap-count{margin-left:auto; font-size: 12px; color: var(--muted)}

.pmap-canvas{
  height: 380px; border: 1px solid var(--rule); background: var(--bg-2);
  display:flex; align-items:center; justify-content:center; color: var(--muted); font-size: 13px;
}
.pmap-tall .pmap-canvas{height: min(640px, 72vh)}
.pmap-canvas.leaflet-container{display:block; font: inherit}
.pmap-note{margin: 8px 0 0; font-size: 12px; color: var(--muted)}

/* Маркеры: кружок - банкомат, квадрат - отделение, ромб - инфокиоск.
 * Цвет - цвет банка; круглосуточные обведены тёмным. */
.pmap-pin{background:none; border:none}
.pmap-pin span{
  display:block; width: 14px; height: 14px; margin: 2px;
  border: 2px solid #fbf8f1; box-shadow: 0 0 0 1px rgba(28,24,20,.45);
  border-radius: 50%;
}
.pmap-pin-office span{border-radius: 2px; width: 15px; height: 15px; margin: 1px}
.pmap-pin-kiosk span{border-radius: 2px; transform: rotate(45deg) scale(.86)}
.pmap-pin-24 span{box-shadow: 0 0 0 2px var(--ink)}

.pmap-cluster{
  background: rgba(138,44,39,.18); border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
}
.pmap-cluster span{
  display:flex; align-items:center; justify-content:center;
  width: calc(100% - 8px); height: calc(100% - 8px); border-radius: 50%;
  background: var(--accent); color: #fbf8f1; font-size: 12px; font-weight: 600;
}

.pmap-pop{font-size: 13px; line-height: 1.45}
.pmap-pop-bank{font-weight: 600; display:flex; align-items:center; gap: 6px}
.pmap-pop-bank i{display:inline-block; width: 10px; height: 10px; border-radius: 50%}
.pmap-pop-kind{color: var(--muted); font-size: 12px; margin-bottom: 4px}
.pmap-pop-name{font-weight: 500}
.pmap-pop-muted{color: var(--ink-2); font-size: 12px}
.pmap-pop-links{display:flex; gap: 14px; margin-top: 6px}
.pmap-pop-links a{color: var(--accent); text-decoration: underline}
.pmap .leaflet-popup-content-wrapper{border-radius: 2px}

@media (max-width: 640px){
  .pmap-canvas{height: 320px}
  .pmap-tall .pmap-canvas{height: 70vh}
  .pmap-count{margin-left:0; width:100%}
}