/* /public_html/assets/css/map.css — harta Leaflet (fundal alb, mobile-first) */

.map-sec .sec-head{margin-bottom:18px}
.map-sec .sec-head h1{color:#15314f; font-weight:600; letter-spacing:-.02em; font-size:clamp(28px,4vw,44px); margin:6px 0 10px}
.map-sec .sec-head p{color:#5b6472; font-size:17px; max-width:620px}

.map-shell{position:relative}
.rg-map{
  width:100%;
  height:72vh; min-height:460px;
  border:1px solid #ece7df; border-radius:18px; overflow:hidden;
  box-shadow:0 14px 44px rgba(21,49,79,.08);
  background:#eef2f4; z-index:0;
}

.map-fullscreen{
  position:relative;
  width:100%;
  min-height:calc(100svh - 88px);
  margin:0;
  padding:0;
  background:#eef2f4;
  overflow:hidden;
}
.map-fullscreen .rg-map{
  width:100%;
  height:calc(100svh - 88px);
  min-height:560px;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.map-full-panel{
  position:absolute;
  top:18px;
  right:18px;
  z-index:700;
  width:min(410px, calc(100% - 36px));
  max-height:calc(100% - 36px);
  overflow:auto;
  padding:16px 18px;
  background:rgba(255,255,255,.96);
  border:1px solid #ece7df;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(21,49,79,.16);
  text-align:left;
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  backdrop-filter:saturate(140%) blur(10px);
}
.map-full-panel .crumbs{margin:0 0 8px; font-size:12px}
.map-full-panel .kicker{display:block; color:#ea580c; font-size:12px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px}
.map-full-panel h1{margin:0; color:#15314f; font-family:"Fraunces",serif; font-size:clamp(24px,3vw,38px); line-height:1.05; font-weight:650}
.map-full-panel p{margin:8px 0 12px; color:#5b6472; font-size:14px; line-height:1.45}
.map-search-form{margin:0 0 12px}
.map-search-row{display:flex;gap:8px}
.map-search-row input{flex:1;min-width:0;padding:11px 12px;border:1px solid #d9d2c7;border-radius:10px;font:inherit;font-size:14px;color:#15314f;background:#fcfbf9}
.map-search-row input:focus{outline:none;border-color:#ea580c;background:#fff;box-shadow:0 0 0 3px rgba(234,88,12,.14)}
.map-search-row button,.map-search-fab,.map-panel-close{border:0;background:#15314f;color:#fff;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.map-search-row button{padding:0 14px}
.map-search-out{display:none;list-style:none;margin:8px 0 0;padding:4px;background:#fff;border:1px solid #ece7df;border-radius:10px;box-shadow:0 12px 24px rgba(21,49,79,.12);max-height:260px;overflow:auto}
.map-search-out li{padding:9px 10px;border-radius:8px;cursor:pointer;color:#15314f;font-size:13px;line-height:1.3}
.map-search-out li:hover,.map-search-out li.active{background:#fbf4e9;color:#ea580c}
.map-search-out li b{display:block;font-size:13.5px;margin-bottom:2px}
.map-search-out li small{display:block;color:#8a929d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-search-out li.empty,.map-search-out li.loading{cursor:default;text-align:center;color:#8a929d;font-style:italic}
.map-search-out li.empty:hover,.map-search-out li.loading:hover{background:transparent;color:#8a929d}
.map-panel-close{display:none}
.map-search-fab{display:none;position:fixed;left:50%;bottom:18px;z-index:850;transform:translateX(-50%);padding:12px 18px;box-shadow:0 14px 34px rgba(21,49,79,.22)}
.map-search-fab[hidden]{display:none!important}
.map-legend{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0; font-size:13px; color:#5b6472}
.map-legend .lg{display:inline-flex; align-items:center; gap:6px}
.map-legend .lg i{width:11px; height:11px; border-radius:50%; display:inline-block}
.map-legend .lg-attr i{background:#15314f}
.map-legend .lg-stay i{background:#1c8a4a}
.map-legend .lg-toggle{display:inline-flex; align-items:center; gap:6px; cursor:pointer; color:#15314f; margin-left:0}
.map-fullscreen .leaflet-control-zoom{box-shadow:0 8px 24px rgba(21,49,79,.18)}

/* pin teardrop: navy implicit, auriu = vizitat */
.rg-pin{
  display:block; width:20px; height:20px;
  background:#15314f; border:2.5px solid #fff;
  border-radius:50% 50% 50% 0; transform:rotate(-45deg);
  box-shadow:0 3px 7px rgba(0,0,0,.35);
}
.rg-pin.vis{background:#e9a93a}
.rg-pin-home{background:#ea580c !important; box-shadow:0 0 0 4px rgba(234,88,12,.22), 0 3px 7px rgba(0,0,0,.35)}
.rg-pin-stay{background:#1c8a4a !important}
.rg-pin-search{background:#ea580c !important}

/* popup */
.rg-pop{width:220px}
.rg-pop-img{display:block; width:100%; height:122px; border-radius:10px; margin-bottom:8px;
  background:#f6ead2 url("../img/ex-treasure-map.png") center/64px auto no-repeat; background-size:cover; background-position:center}
.rg-pop b{display:block; font-family:"Fraunces",serif; color:#15314f; font-size:16px; line-height:1.25}
.rg-pop-type{display:block; color:#7a828d; font-size:12px; margin-top:4px; line-height:1.35}
.rg-pop-badge{display:inline-block; color:#1c6b34; font-weight:600; font-size:12px; margin-top:6px}
.rg-pop-link{display:inline-block; margin-top:8px; color:#ea580c; font-weight:700; font-size:14px; text-decoration:none}
.rg-pop-link:hover{text-decoration:underline}
.leaflet-popup-content{margin:12px 14px}
.leaflet-popup-content-wrapper{border-radius:14px}

/* buton „locația mea" (sub controlul de zoom) */
.rg-locate{
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; margin-top:8px;
  background:#fff; color:#15314f; font-size:17px; line-height:1; text-decoration:none;
  border-radius:8px; box-shadow:0 1px 5px rgba(0,0,0,.3);
}
.rg-locate:hover{background:#f6f3ee; color:#ea580c}

/* geocoder Nominatim — pe brand */
.leaflet-control-geocoder{border-radius:10px; box-shadow:0 2px 10px rgba(21,49,79,.18)}
.leaflet-control-geocoder-form input{font:inherit}

@media (max-width:760px){
  .rg-map{height:78vh; min-height:420px; border-radius:14px}
  .map-sec .sec-head p{font-size:16px}
  .map-fullscreen{min-height:calc(100svh - 64px)}
  .map-fullscreen .rg-map{height:calc(100svh - 64px); min-height:520px; border-radius:0}
  .map-full-panel{
    position:fixed; left:10px; right:10px; bottom:12px; top:auto; width:auto; max-height:76svh;
    padding:14px; border-radius:16px; transition:transform .24s ease, opacity .18s ease;
  }
  .map-full-panel.is-collapsed{transform:translateY(calc(100% + 32px)); opacity:0; pointer-events:none}
  .map-panel-close{display:block; position:absolute; right:10px; top:10px; width:34px; height:34px}
  .map-search-fab:not([hidden]){display:block}
  .map-full-panel .crumbs{display:none}
  .map-full-panel h1{font-size:23px}
  .map-full-panel p{display:none}
  .map-legend{font-size:12px; gap:8px 10px}
  .map-legend .lg-toggle{margin-left:0}
  .leaflet-popup-content{margin:10px 12px}
  .rg-pop{width:210px}
  .rg-pop-img{height:112px}
}