/*
 * Bayet - «خريطة القطع» (/bayet/map, 2026-10-05). The owner's plot map
 * (Bayet/map.html), scoped under .bwm so it lives inside the site's Bayet
 * frame; Aqaratk colours and the site font, light only. Behaviour:
 * assets/js/bayet-plotmap.js; data: bayet.php?r=map-kml (includes/bayet/plotmap.php).
 * Generated from the owner's file: the rules below keep its own order.
 */
.bwm{
  --bg:transparent; --panel:#FFFFFF; --panel-2:#F7F8FB; --ink:#1C1F2A; --muted:#5F6B7E; --line:#DCE2EC; --line-2:#E8ECF2;
  --accent:#0B1B33; --accent-ink:#FFFFFF; --accent-soft:#EAF0F8; --star:#C9A227;
  --avail:#1F9D57; --res:#8A919C; --sold:#C63F3A; --dim:#9AA0AC;
  --mapbg:#1B2530; --shadow:0 1px 2px rgba(11,27,51,.05),0 6px 20px rgba(11,27,51,.07);
  --font:"Cairo","Tajawal","Segoe UI",Tahoma,sans-serif;
  --display:"Cairo","Tajawal","Segoe UI",Tahoma,sans-serif;
  --mono:ui-monospace,Consolas,monospace;
}
.bwm *{box-sizing:border-box}
.bwm{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55}
.bwm .wrap{max-width:1440px;margin:0 auto;padding-inline:16px;padding-block:16px 32px;display:flex;flex-direction:column;gap:14px}
.bwm header.top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.bwm h1{font-family:var(--display);font-weight:600;font-size:1.45rem;margin:0;line-height:1.3;text-wrap:balance}
.bwm .sub{margin:2px 0 0;color:var(--muted);font-size:.86rem}
.bwm .counts{display:flex;gap:6px;flex-wrap:wrap}
.bwm .count{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;padding:4px 11px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums}
.bwm .dot{width:9px;height:9px;border-radius:50%;flex:none}
/* filter panel */
.bwm .filters{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:14px}
.bwm .frow{display:grid;gap:12px;align-items:end}
.bwm .frow.r1{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr) minmax(0,1fr)}
.bwm .frow.r2{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,2.4fr)}
@media (max-width:1100px){.bwm .frow.r1{grid-template-columns:repeat(3,minmax(0,1fr))}.bwm .frow.r2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bwm .frow.r1,.bwm .frow.r2{grid-template-columns:minmax(0,1fr)}}
.bwm .fld{display:flex;flex-direction:column;gap:5px;min-width:0}
.bwm .fld>span{font-size:.8rem;font-weight:500;color:var(--ink)}
.bwm select,.bwm input[type=text],.bwm input[type=number],.bwm input[type=date],.bwm input[type=search]{font:inherit;font-size:.9rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%;min-width:0;height:40px}
.bwm input::placeholder{color:var(--muted)}
.bwm .pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bwm .pair input[type=number]{text-align:right}
.bwm input[type=date]{direction:ltr;text-align:right}
.bwm .search{display:flex;gap:0}
.bwm .search input{border-start-end-radius:0;border-end-end-radius:0}
.bwm .search button{flex:none;width:44px;height:40px;border:1.5px solid var(--accent);border-radius:8px 0 0 8px;background:var(--panel);color:var(--accent);cursor:pointer;display:grid;place-items:center}
.bwm .search input{border-radius:0 8px 8px 0;border-left:0}
.bwm .opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px}
.bwm .chip{font:inherit;font-size:.82rem;cursor:pointer;padding:5px 10px;white-space:nowrap;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;gap:6px;height:32px}
.bwm .chip:hover{border-color:var(--accent)}
.bwm .chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}
.bwm .chip svg{flex:none}
.bwm .sep{width:1px;height:22px;background:var(--line);margin-inline:4px}
.bwm .andor{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;height:32px}
.bwm .andor button{font:inherit;font-size:.82rem;border:0;background:var(--panel);color:var(--muted);padding:0 11px;cursor:pointer}
.bwm .andor button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}
.bwm .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bwm .btn{font:inherit;font-size:.88rem;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-decoration:none}
.bwm .btn:hover{border-color:var(--accent)}
.bwm .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.bwm .btn.primary:hover{filter:brightness(1.07)}
.bwm .applied{font-size:.8rem;color:var(--muted);margin-inline-start:auto}
.bwm :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* results */
.bwm .results{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:14px;min-height:560px}
@media (max-width:900px){.bwm .results{grid-template-columns:minmax(0,1fr)}}
.bwm .listpane{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;max-height:640px}
@media (max-width:900px){.bwm .listpane{order:2;max-height:none}}
.bwm .lhead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line-2);font-size:.85rem}
.bwm .lhead b{font-family:var(--display);font-weight:600}
.bwm .lhead select{height:32px;width:auto;font-size:.8rem;padding:4px 8px}
.bwm .list{list-style:none;margin:0;padding:8px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.bwm .card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);cursor:pointer;text-align:right;font:inherit;color:inherit;width:100%}
.bwm .card:hover{border-color:var(--accent)}
.bwm .card[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}
.bwm .pno{height:52px;border-radius:8px;display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:1.15rem;color:#fff}
.bwm .pno small{display:block;font-size:.62rem;font-weight:500;opacity:.9;margin-top:-6px}
.bwm .cmain{min-width:0;display:flex;flex-direction:column;gap:2px}
.bwm .ctop{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bwm .ctitle{font-weight:600}
.bwm .cmeta{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bwm .tags{display:flex;gap:4px;flex-wrap:wrap}
.bwm .tag{font-size:.7rem;padding:0 7px;border-radius:4px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);line-height:1.6}
.bwm .cside{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums}
.bwm .cside b{font-family:var(--display);font-weight:600;font-size:.95rem}
.bwm .cside small{font-size:.7rem;color:var(--muted)}
.bwm .pill{font-size:.7rem;font-weight:600;padding:0 8px;border-radius:99px;color:#fff;line-height:1.7}
.bwm .star{border:0;background:none;cursor:pointer;padding:2px;color:var(--dim);line-height:0;border-radius:6px}
.bwm .star[aria-pressed=true]{color:var(--star)}
.bwm .star:hover{color:var(--star)}
.bwm .empty{padding:28px 16px;color:var(--muted);text-align:center}
.bwm .mappane{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);min-height:560px}
@media (max-width:900px){.bwm .mappane{order:1;min-height:420px}}
.bwm #map{position:absolute;inset:0;background:var(--mapbg);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px}
.bwm .legend{position:absolute;z-index:900;bottom:12px;left:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 11px;display:flex;gap:10px;flex-wrap:wrap;font-size:.76rem;direction:rtl;box-shadow:var(--shadow)}
.bwm .legend span{display:inline-flex;align-items:center;gap:5px}
.bwm .legend i{width:12px;height:9px;border-radius:2px;display:inline-block}
.bwm .notice{position:absolute;z-index:650;top:12px;right:12px;left:60px;max-width:420px;margin-inline-start:auto;background:rgba(12,16,22,.86);color:#E7E9F0;font-size:.76rem;padding:7px 11px;border-radius:7px;direction:rtl}
.bwm .detail{position:absolute;z-index:1000;top:12px;left:12px;width:min(350px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);direction:rtl}
@media (max-width:640px){.bwm .detail{top:auto;bottom:10px;left:10px;right:10px;width:auto;max-height:65%}}
.bwm .dh{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:start;padding:14px 16px 10px;border-bottom:1px solid var(--line-2)}
.bwm .dh h2{margin:0;font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.3}
.bwm .dh p{margin:2px 0 0;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.bwm .x{font:inherit;font-size:1.15rem;line-height:1;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:8px;width:32px;height:32px;cursor:pointer}
.bwm .kp{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-2)}
.bwm .kp div{padding:10px 12px}
.bwm .kp div+div{border-inline-start:1px solid var(--line-2)}
.bwm .kp small{display:block;font-size:.7rem;color:var(--muted)}
.bwm .kp b{font-family:var(--display);font-weight:600;font-size:1rem;font-variant-numeric:tabular-nums}
.bwm .kv{width:100%;border-collapse:collapse;font-size:.84rem}
.bwm .kv th,.bwm .kv td{padding:7px 16px;border-bottom:1px solid var(--line-2);text-align:right;vertical-align:top}
.bwm .kv th{color:var(--muted);font-weight:500;width:45%}
.bwm .kv td{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bwm .dact{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 14px}
.bwm .yn{font-weight:600}.bwm .yn.yes{color:var(--avail)}.bwm .yn.no{color:var(--muted);font-weight:500}
.bwm .muted{color:var(--muted)}
.bwm .sec{padding:10px 16px 4px;font-size:.74rem;font-weight:600;color:var(--muted);letter-spacing:.02em}
.bwm .rnotes{position:absolute;z-index:900;right:12px;bottom:26px;width:min(340px,calc(100% - 24px));max-height:45%;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:10px;box-shadow:var(--shadow);direction:rtl;overflow:hidden}
.bwm .rnotes header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px 12px 6px}
.bwm .rnotes header small{display:block;font-size:.72rem;color:var(--accent);font-weight:600;letter-spacing:.02em}
.bwm .rnotes header b{display:block;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.bwm .rnotes .x{width:28px;height:28px;font-size:1rem}
.bwm .rnotes ul{margin:0;padding:0 14px 12px 12px;padding-inline-start:28px;overflow:auto;font-size:.86rem;line-height:1.7}
.bwm .rnotes li::marker{color:var(--accent)}
@media (max-width:640px){.bwm .rnotes{bottom:10px;right:10px;max-height:38%}}
.bwm .notes{margin:12px 16px 4px;padding:10px 12px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--line)}
.bwm .notes b{font-size:.8rem;color:var(--accent)}
.bwm .notes p{margin:4px 0 0;font-size:.86rem;line-height:1.7}
.bwm .contact{padding:0 16px 14px;font-size:.82rem;color:var(--muted)}
.bwm .contact .num{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;color:var(--ink);user-select:all}
.bwm .plot-lbl{background:none;border:0}
.bwm .plot-lbl span{display:inline-flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%,-50%);white-space:nowrap;font:600 12px/1.1 var(--font);color:#fff;text-shadow:0 0 3px #000,0 0 7px rgba(0,0,0,.8);pointer-events:none;border-radius:6px;padding:2px 5px;font-variant-numeric:tabular-nums}
.bwm .plot-lbl b{font-weight:700;font-size:13px}
.bwm .plot-lbl i{display:none;font-style:normal;font-weight:500;font-size:11px}
.bwm #map.z-detail .plot-lbl span{background:rgba(10,14,20,.55);text-shadow:none}
.bwm #map.z-detail .plot-lbl i{display:block}
.bwm .plot-lbl.off{opacity:.45}
.bwm .reg-lbl{background:none;border:0}
.bwm .reg-lbl span{font:600 12px/1.3 var(--font);color:#fff;background:rgba(12,16,22,.72);padding:3px 7px;border-radius:5px;text-shadow:none;max-width:220px;white-space:normal;text-align:center;display:inline-block;transform:translate(-50%,-50%)}
.bwm #map:not(.z-plots) .plot-lbl{display:none}
.bwm #map:not(.z-reg) .reg-lbl{display:none}
.bwm .toast{position:fixed;z-index:3000;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:8px;font-size:.88rem;max-width:calc(100% - 32px)}
@media (prefers-reduced-motion:reduce){.bwm *{transition:none!important;animation:none!important}}
/* plot popup */
.bwm .leaflet-popup{position:absolute;text-align:center;margin-bottom:18px}
.bwm .leaflet-popup-content-wrapper{padding:0;text-align:right;border-radius:12px;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden}
.bwm .leaflet-popup-content{margin:0;direction:rtl;line-height:1.55;font-family:var(--font);font-size:14px}
.bwm .leaflet-popup-scrolled{overflow:auto}
.bwm .leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}
.bwm .leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;transform:rotate(45deg);background:var(--panel);border:1px solid var(--line)}
.bwm .plot-pop .kv th,.bwm .plot-pop .kv td{padding:6px 14px}
.bwm .plot-pop .dh{padding:12px 14px 8px}
.bwm .plot-pop .dact{padding:10px 14px 12px}
/* Leaflet essentials (inlined) */
.bwm .leaflet-pane,.bwm .leaflet-tile,.bwm .leaflet-marker-icon,.bwm .leaflet-tile-container,.bwm .leaflet-pane>svg,.bwm .leaflet-pane>canvas,.bwm .leaflet-zoom-box,.bwm .leaflet-image-layer,.bwm .leaflet-layer{position:absolute;left:0;top:0}
.bwm .leaflet-container{overflow:hidden;font-family:var(--font);-webkit-tap-highlight-color:transparent}
.bwm .leaflet-tile,.bwm .leaflet-marker-icon{user-select:none;-webkit-user-drag:none}
.bwm .leaflet-tile{visibility:hidden}.bwm .leaflet-tile-loaded{visibility:inherit}
.bwm .leaflet-container img.leaflet-tile{max-width:none!important;max-height:none!important;width:256px;height:256px}
.bwm .leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}
.bwm .leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}
.bwm .leaflet-container.leaflet-touch-drag{touch-action:none}
.bwm .leaflet-pane{z-index:400}.bwm .leaflet-tile-pane{z-index:200}.bwm .leaflet-overlay-pane{z-index:400}.bwm .leaflet-marker-pane{z-index:600}.bwm .leaflet-tooltip-pane{z-index:650}.bwm .leaflet-popup-pane{z-index:700}
.bwm .leaflet-zoom-animated{transform-origin:0 0}
.bwm .leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}
.bwm .leaflet-zoom-anim .leaflet-tile,.bwm .leaflet-pan-anim .leaflet-tile{transition:none}
.bwm .leaflet-marker-icon,.bwm .leaflet-image-layer,.bwm .leaflet-pane>svg path,.bwm .leaflet-tile-container{pointer-events:none}
.bwm .leaflet-marker-icon.leaflet-interactive,.bwm .leaflet-image-layer.leaflet-interactive,.bwm .leaflet-pane>svg path.leaflet-interactive,.bwm svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}
.bwm .leaflet-interactive{cursor:pointer}
.bwm .leaflet-grab{cursor:grab}.bwm .leaflet-dragging .leaflet-grab{cursor:move}
.bwm .leaflet-control{position:relative;z-index:800;pointer-events:auto;float:left;clear:both}
.bwm .leaflet-top,.bwm .leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}
.bwm .leaflet-top{top:0}.bwm .leaflet-right{right:0}.bwm .leaflet-bottom{bottom:0}.bwm .leaflet-left{left:0}
.bwm .leaflet-right .leaflet-control{float:right;margin-right:10px}.bwm .leaflet-left .leaflet-control{margin-left:10px}
.bwm .leaflet-top .leaflet-control{margin-top:10px}.bwm .leaflet-bottom .leaflet-control{margin-bottom:10px}
.bwm .leaflet-bar{border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.4);overflow:hidden}
.bwm .leaflet-bar a{display:block;width:34px;height:34px;line-height:34px;text-align:center;background:#fff;color:#1C1F2A;text-decoration:none;border-bottom:1px solid #ccc;font:bold 18px var(--mono)}
.bwm .leaflet-bar a:last-child{border-bottom:0}
.bwm .leaflet-control-attribution{background:rgba(255,255,255,.75);color:#333;font-size:10px;padding:0 5px;margin:0!important}
.bwm .leaflet-tooltip{position:absolute;padding:3px 8px;background:rgba(12,16,22,.9);color:#fff;border:0;border-radius:5px;white-space:nowrap;pointer-events:none;font:500 12px var(--font);direction:rtl}
/* Aqaratk: inside the Bayet frame (the frame gives the width and the gutters). */
.bwm [hidden]{display:none!important}   /* the owner's page relied on a page-wide rule */
.bwm .wrap{max-width:none;padding:0}
.bwm h1{color:var(--accent);font-weight:800}
.bwm .chip[aria-pressed=true]{background:#FBF3DC;border-color:#C9A227;color:#0B1B33}
.bwm .btn.primary{background:#0B1B33;border-color:#0B1B33}
.bwm .btn.primary:hover{filter:none;background:#14294A}
.bwm .search button{border-color:#0B1B33;color:#0B1B33}
.bwm .card[aria-current=true]{background:#EAF0F8}
.bwm .mappane{min-height:600px}
@media (max-width:900px){.bwm .mappane{min-height:440px}}
.bwm .reg-lbl span,.bwm .plot-lbl span{width:max-content}   /* labels keep their words on one line (up to their max width) */