/* מפה */
.mapwrap { display: flex; flex-direction: column; height: calc(100vh - var(--nav-h)); min-height: 460px; }
.map-bar { background: #fff; border-bottom: 1px solid var(--line); flex-shrink: 0; }
.map-bar-in { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding-block: 12px; }
.map-bar h1 { font-size: 21px; margin: 0; }
.map-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex-grow: 1; }
.map-filters .tag { min-height: 40px; padding: 8px 14px; font-size: 14px; }
.map-filters .tag:hover { border-color: var(--teal-500); text-decoration: none; }
.map-filters .btn { min-height: 44px; padding: 8px 14px; font-size: 14px; }
.map-count { font-size: 13.5px; color: var(--ink-500); margin-inline-start: auto; }

#map { flex-grow: 1; width: 100%; background: var(--teal-50); }
.pin { background: none; border: none; }
/* ⚠️ ה-popup מוזרק ע"י Leaflet מחוץ לזרימת ה-RTL של הדף, ולכן הכיוון
   נקבע כאן — אבל **לפי שפת הדף** ולא RTL קבוע. */
.leaflet-popup-content { font-family: 'Heebo', sans-serif; direction: inherit; text-align: start; font-size: 14px; margin: 12px 14px; }
html[dir="rtl"] .leaflet-popup-content { direction: rtl; }
html[dir="ltr"] .leaflet-popup-content { direction: ltr; }
.leaflet-popup-content strong { font-size: 15.5px; color: var(--navy-900); }
.pp-meta { color: var(--ink-500); font-size: 13px; }
.pp-cert { color: var(--teal-800); font-size: 13px; font-weight: 600; }
.leaflet-container a { color: var(--teal-600); }

@media (max-width: 760px) {
  .mapwrap { height: calc(100vh - var(--nav-h) - 10px); }
  .map-bar h1 { font-size: 18px; }
  .map-count { margin-inline-start: 0; flex-basis: 100%; }
}