
:root{--near-ink:#103553;--near-blue:#145a86;--near-blue2:#2478a8;--near-gold:#c9953e;--near-paper:#fffdf9;--near-cream:#f7f1e6;--near-line:rgba(16,53,83,.14)}
.near-page{background:#f8f5ee;color:var(--near-ink);font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif}
.near-page *{box-sizing:border-box}.near-page button,.near-page input,.near-page select{font:inherit}
.near-hero{position:relative;min-height:310px;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(10,31,45,.77),rgba(10,31,45,.30) 50%,rgba(10,31,45,.62)),url("/nav-history/assets/img/breslov-historic.jpg") center 48%/cover no-repeat;border-bottom:1px solid rgba(16,53,83,.16)}
.near-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,27,42,.22),transparent 48%)}
.near-hero-grid{position:relative;z-index:2;min-height:310px;display:grid;grid-template-columns:1.2fr .7fr .55fr;gap:34px;align-items:center}
.near-title{text-shadow:0 2px 12px rgba(0,0,0,.32)}.near-kicker{display:inline-block;margin:0 0 8px;padding:5px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(10,42,62,.38);font-weight:700}
.near-title h1{margin:0;font-size:clamp(54px,6.5vw,88px);line-height:.96;letter-spacing:-.045em}.near-lead{max-width:650px;margin:20px 0 0;font-size:clamp(19px,2vw,27px);line-height:1.5;font-weight:650}
.near-hero-center blockquote{margin:0;padding:18px 19px;border-radius:8px;background:rgba(255,249,236,.88);color:#3c3a31;text-shadow:none;font:700 20px/1.6 Georgia,"Noto Serif Hebrew",serif;box-shadow:0 8px 25px rgba(0,0,0,.16)}
.near-signpost{display:grid;gap:7px;transform:rotate(-1deg)}.near-signpost span{display:block;padding:9px 22px;border-radius:3px 16px 16px 3px;background:linear-gradient(#c89655,#9e6c35);color:#172d3d;text-align:center;font-weight:800;font-size:20px;box-shadow:0 4px 9px rgba(0,0,0,.25);border:1px solid rgba(77,48,21,.35)}
.near-search-row{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:22px;padding-top:20px;padding-bottom:18px}.near-search{height:54px;display:grid;grid-template-columns:auto 1fr 126px;align-items:center;border:1px solid #cad5dc;border-radius:8px;background:#fff;overflow:visible;box-shadow:0 2px 7px rgba(16,53,83,.04)}
.near-search>span{padding-inline:16px 6px;font-size:27px;color:#2b6f98}.near-search input{min-width:0;border:0;outline:0;background:transparent;padding:10px;font-size:17px;color:var(--near-ink)}.near-search button{align-self:stretch;border:0;border-radius:7px;background:var(--near-blue);color:#fff;font-weight:800;cursor:pointer}
.near-add{min-height:54px;display:flex;align-items:center;justify-content:center;border:1px solid #eadfcb;border-radius:8px;background:#efe6d7;color:var(--near-ink);text-decoration:none;font-weight:800}
.near-layout{display:grid;grid-template-columns:215px minmax(0,1fr) 300px;gap:18px;align-items:start;padding-bottom:28px}.panel{border:1px solid var(--near-line);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 3px 12px rgba(16,53,83,.045);overflow:visible}
.panel-title{min-height:52px;display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(16,53,83,.09)}.panel-title h2{margin:0;font-size:20px;line-height:1.25}.panel-title h2>span[aria-hidden]{color:#cf9839}.panel-title-row{justify-content:space-between;gap:10px}
.near-filter{position:sticky;top:104px;padding-bottom:14px}.near-filter fieldset{border:0;margin:0;padding:14px 13px 10px}.near-filter legend{font-weight:800;padding:0 0 7px}.near-filter label:not(.select-label){display:flex;gap:8px;align-items:center;margin:8px 0;color:#314f63;font-size:14px;line-height:1.35}
.select-label{display:block;margin:10px 13px 6px;font-weight:800;font-size:14px}.near-filter select{display:block;width:calc(100% - 26px);height:40px;margin:0 13px;border:1px solid #cdd8de;border-radius:6px;background:#fff;color:#38566a;padding:0 9px}
.active-only{padding:10px 13px 0!important;border-top:1px solid rgba(16,53,83,.08);margin-top:13px!important}.reset-button{display:block;width:calc(100% - 26px);min-height:44px;margin:12px 13px 5px;border:0;border-radius:7px;background:#eee5d6;color:var(--near-ink);font-weight:800;cursor:pointer}
.legacy-note{margin:13px;padding:11px;border-radius:6px;background:#f8f3e9;color:#6b6354;font-size:11.5px;line-height:1.55}
.near-main{display:grid;gap:16px;min-width:0}.map-panel{overflow:hidden}.map-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid rgba(16,53,83,.09)}.map-toolbar strong{font-size:18px}#map-count{margin-inline-start:8px;color:#647c8b;font-size:13px}.map-toolbar button{border:1px solid #c9d6de;border-radius:5px;background:#fff;color:#315e7b;padding:6px 10px;font-weight:700;cursor:pointer}
#breslov-map{display:block;width:100%;height:430px;min-height:430px;background:#dcebf0;isolation:isolate}.map-fallback{padding:40px;text-align:center;color:#667a86}.leaflet-container{font-family:"Heebo","Noto Sans Hebrew",Arial,sans-serif}.breslov-marker{background:#11699c;border:3px solid rgba(255,255,255,.92);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 4px 10px rgba(0,42,74,.25)}.breslov-marker.current{background:#0c7a69}
.map-popup{direction:rtl;text-align:right;min-width:180px}.map-popup strong{display:block;color:#123e5e;font-size:16px}.map-popup small{display:block;margin-top:3px;color:#617786}.map-popup .current-badge{display:inline-block;margin-top:7px;padding:2px 7px;border-radius:999px;background:#e4f2ec;color:#246a57;font-weight:700}
.recent-locations{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px}.city-card{min-width:0;border:1px solid rgba(16,53,83,.1);border-radius:7px;background:#fff;overflow:hidden;cursor:pointer}.city-card-image{height:112px;background:linear-gradient(135deg,#d7c7aa,#8ca2a9);overflow:hidden}.city-card-image img{width:100%;height:100%;object-fit:cover;display:block}.city-card-body{padding:9px}.city-card h3{margin:0;font-size:16px;line-height:1.3}.city-card p{margin:5px 0 0;color:#667b88;font-size:12px;line-height:1.4}.city-card .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag{padding:2px 7px;border-radius:999px;background:#f1ede6;color:#536a78;font-size:10.5px;font-weight:700}.current-tag{background:#e5f2ed;color:#2e715f}
.text-button{border:0;background:none;color:#256f9c;font-weight:700;cursor:pointer}.all-panel{overflow:hidden}.location-results{display:grid}.location-row{display:grid;grid-template-columns:minmax(140px,.85fr) 1.4fr auto;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(16,53,83,.08)}.location-row:last-child{border-bottom:0}.location-row h3{margin:0;font-size:16px}.location-row p{margin:3px 0 0;color:#657b88;font-size:12px}.location-row button{border:1px solid #ced9df;background:#fff;border-radius:5px;padding:6px 10px;color:#225d82;cursor:pointer}#result-count{color:#6a7f8b;font-size:13px}
.near-side{display:grid;gap:16px}.featured-cities{display:grid}.featured-city{display:grid;grid-template-columns:92px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(16,53,83,.08);cursor:pointer}.featured-city:last-child{border-bottom:0}.featured-city img{width:92px;height:58px;object-fit:cover;border-radius:5px;background:#ddd}.featured-city h3{margin:0;font-size:16px}.featured-city p{margin:3px 0 0;font-size:11px;color:#667b88}.featured-city>b{font-size:20px;color:#2a6c93}
.resources-panel nav{display:grid}.resources-panel a{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;color:#16547c;text-decoration:none;border-bottom:1px solid rgba(16,53,83,.08);font-weight:700}.resources-panel a:last-child{border-bottom:0}
.near-closing{border-top:1px solid rgba(16,53,83,.12);background:linear-gradient(90deg,#eadbc2,#f7eedc 50%,#dfcfb6);text-align:center}.near-closing .shell{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:23px;padding-bottom:23px}.near-closing strong{font-size:25px}.near-closing p{max-width:800px;margin:7px 0 0;color:#5a6f7d;line-height:1.6}
@media(max-width:1120px){.near-layout{grid-template-columns:200px minmax(0,1fr)}.near-side{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.near-hero-grid{grid-template-columns:1fr .7fr}.near-signpost{display:none}.near-layout{grid-template-columns:1fr}.near-filter{position:static}.near-side{grid-template-columns:1fr 1fr}.recent-locations{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.near-hero{min-height:315px}.near-hero-grid{min-height:315px;grid-template-columns:1fr;gap:12px;padding-top:28px;padding-bottom:28px}.near-hero-center{display:none}.near-search-row{grid-template-columns:1fr}.near-add{width:100%}.near-side{grid-template-columns:1fr}.recent-locations{grid-template-columns:1fr}#breslov-map{width:100%;height:365px;min-height:365px}.location-row{grid-template-columns:1fr auto}.location-row>div:nth-child(2){grid-column:1/-1}}



/* -------------------------------------------------------------------------
   LEAFLET CORE LAYOUT — bundled locally
   -------------------------------------------------------------------------
   These rules are intentionally included here rather than relying on the
   unpkg Leaflet stylesheet. Without them Leaflet tiles render as ordinary
   images, which produces the small map tile / large blank area problem.
*/
.leaflet-container {
  overflow: hidden;
  position: relative;
  outline-offset: 1px;
  direction: ltr;
  background: #dcebf0;
  -webkit-tap-highlight-color: transparent;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top { top: 0; }
.leaflet-right { right: 0; }
.leaflet-bottom { bottom: 0; }
.leaflet-left { left: 0; }

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control { margin-top: 10px; }
.leaflet-bottom .leaflet-control { margin-bottom: 10px; }
.leaflet-left .leaflet-control { margin-left: 10px; }
.leaflet-right .leaflet-control { margin-right: 10px; }

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,.28);
  border-radius: 5px;
}

.leaflet-bar a {
  background: #fff;
  border-bottom: 1px solid #ccc;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #123e5e;
  font: bold 20px/30px Arial, sans-serif;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.leaflet-bar a:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background: #f4f4f4;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  text-indent: 1px;
}

.leaflet-control-attribution {
  padding: 2px 6px;
  color: #456;
  background: rgba(255,255,255,.82);
  font: 11px/1.4 Arial, sans-serif;
}

.leaflet-control-attribution a {
  color: #27698e;
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 10px;
  background: #fff;
  color: #333;
  box-shadow: 0 3px 14px rgba(0,0,0,.25);
}

.leaflet-popup-content {
  margin: 13px 18px;
  line-height: 1.45;
  font-size: 13px;
  min-height: 1px;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg);
  background: #fff;
  box-shadow: 3px 3px 15px rgba(0,0,0,.18);
}

.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  padding: 4px 4px 0 0;
  color: #757575;
  text-decoration: none;
  background: transparent;
  font: 24px/24px Tahoma, Verdana, sans-serif;
  z-index: 2;
}

.leaflet-popup-close-button:hover {
  color: #333;
}

/* Prevent RTL page direction from confusing the map's internal coordinate layout. */
#breslov-map,
#breslov-map .leaflet-map-pane,
#breslov-map .leaflet-tile-pane,
#breslov-map .leaflet-control-container {
  direction: ltr;
}

#breslov-map .map-popup {
  direction: rtl;
  text-align: right;
}
