/* AREM search map v1: count clusters, listing pins, selection colours, map listing card */
.arem-results-app{--arm-navy:#071a9b;--arm-navy-2:#071a9b;--arm-sel:#071a9b;--arm-sel-2:#071a9b;--arm-group:#071a9b}
/* clusters (replace the default green/yellow markercluster bubbles) */
.arem-results-app .ar-cluster{background:transparent!important;border:0}
.arem-results-app .ar-cluster span{display:flex;pointer-events:none;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--arm-navy);color:#fff;font:800 14px/1 Manrope,Arial,sans-serif;border:3px solid #fff;box-shadow:0 0 0 5px rgba(7,26,155,.22),0 3px 10px rgba(8,22,60,.35);box-sizing:border-box;transition:transform .12s,background .12s}
.arem-results-app .ar-cluster-m span{font-size:15px}
.arem-results-app .ar-cluster-l span{font-size:16px}
.arem-results-app .ar-cluster:hover span,.arem-results-app .ar-cluster.is-hover span{background:var(--arm-navy);transform:scale(1.08)}
.arem-results-app .ar-cluster.is-group span{background:var(--arm-navy);box-shadow:0 0 0 5px rgba(7,26,155,.3),0 3px 10px rgba(8,22,60,.35)}
.arem-results-app .ar-cluster.is-selected span{background:var(--arm-navy);box-shadow:0 0 0 6px rgba(7,26,155,.4),0 3px 10px rgba(8,22,60,.35)}
/* single listing pins */
.arem-results-app .ar-pin{background:transparent;border:0}
.arem-results-app .ar-pin svg{display:block;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(8,22,60,.45));transition:transform .12s;transform-origin:50% 100%}
.arem-results-app .ar-pin .ar-pin-shape{fill:var(--arm-navy);stroke:#fff;stroke-width:2}
.arem-results-app .ar-pin .ar-pin-house{fill:#fff}
.arem-results-app .ar-pin:hover svg,.arem-results-app .ar-pin.is-hover svg{transform:scale(1.15)}
.arem-results-app .ar-pin:hover .ar-pin-shape,.arem-results-app .ar-pin.is-hover .ar-pin-shape{fill:var(--arm-navy)}
.arem-results-app .ar-pin.is-group .ar-pin-shape{fill:var(--arm-navy);stroke-width:3}
.arem-results-app .ar-pin.is-selected{z-index:10000!important}
.arem-results-app .ar-pin.is-selected svg{transform:scale(1.25)}
.arem-results-app .ar-pin.is-selected .ar-pin-shape{fill:var(--arm-navy);stroke-width:3.5}
.arem-results-app .leaflet-marker-icon:focus-visible{outline:3px solid var(--arm-navy);outline-offset:2px;border-radius:50%}
/* listing card opened from a pin */
.arem-results-app .ar-popup .leaflet-popup-content-wrapper{padding:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(8,22,60,.3)}
.arem-results-app .ar-popup .leaflet-popup-content{margin:0;width:260px!important}
.arem-results-app .ar-pop{display:block;color:#14243d!important;text-decoration:none!important}
.arem-results-app .ar-pop img{display:block;width:100%;height:132px;object-fit:cover}
.arem-results-app .ar-pop-body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;font:500 13px/1.35 Manrope,Arial,sans-serif}
.arem-results-app .ar-pop-price{font-size:17px;font-weight:800;color:var(--arm-navy)}
.arem-results-app .ar-pop-addr{font-weight:700}
.arem-results-app .ar-pop-sub,.arem-results-app .ar-pop-specs{color:#5b6b7f;font-size:12px}
.arem-results-app .ar-pop-cta{margin-top:6px;font-weight:800;color:var(--arm-navy)}
.arem-results-app .ar-popup a.leaflet-popup-close-button{color:#fff;background:rgba(8,22,60,.55);border-radius:50%;width:24px;height:24px;line-height:22px;top:6px;right:6px;font-size:18px}
/* list side of the selection */
.arem-results-app .ar-card.is-active{outline:3px solid var(--arm-navy);outline-offset:-1px;box-shadow:0 6px 20px rgba(7,26,155,.18)}
.arem-results-app .ar-card.is-in-group{outline:2px solid var(--arm-navy);outline-offset:-1px}
.arem-results-app .ar-mobile-toggle button.is-on{background:var(--arm-navy)!important;color:#fff!important;border-color:var(--arm-navy)!important}
/* mobile: way back from the map to the list (the List/Map toggle sits inside the hidden list) */
.arem-results-app .ar-map-back{display:none}
@media (max-width:820px){.arem-results-app .ar-main.show-map .ar-map-back{display:block;position:absolute;left:50%;bottom:64px;transform:translateX(-50%);z-index:800;height:44px;padding:0 22px;border:0;border-radius:22px;background:var(--arm-navy);color:#fff;font:800 14px Manrope,Arial,sans-serif;box-shadow:0 6px 18px rgba(8,22,60,.35)}}
/* mobile map view: let the results app grow so the whole map is visible (the app is otherwise a fixed 100vh box with hidden overflow) */
@media (max-width:820px){.arem-results-app.ar-is-map-view{height:auto!important;overflow:visible!important}}

/* AREM map tools, map/list switch, satellite imagery and cluster listing sheet */
.arem-results-app .ar-map-tools{border:0!important;background:transparent!important;box-shadow:none!important}
.arem-results-app .ar-map-view-tools{display:flex;align-items:center;gap:0;padding:4px;border:1px solid #d7e1ef;border-radius:999px;background:#fff;box-shadow:0 3px 12px rgba(8,22,60,.18)}
.arem-results-app .ar-map-tool{min-height:36px;padding:0 12px;border:0;border-radius:999px;background:#fff;color:#17315a;font:700 13px/1 Manrope,Arial,sans-serif;cursor:pointer}
.arem-results-app .ar-map-tool.is-on{background:#071a9b;color:#fff}
.arem-results-app .ar-map-tools-divider{height:22px;width:1px;background:#dbe3ee;margin:0 3px}
.arem-results-app .ar-map-streetview{display:block;margin-top:7px;padding:8px 11px;border:1px solid #d7e1ef;border-radius:9px;background:#fff;color:#17315a;text-decoration:none;font:700 12px/1.2 Manrope,Arial,sans-serif;box-shadow:0 3px 12px rgba(8,22,60,.18)}
.arem-results-app .ar-map-streetview span{color:#f2ad29;margin-right:5px}
.arem-results-app .ar-cluster-popup .leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:13px;box-shadow:0 12px 32px rgba(8,22,60,.28)}
.arem-results-app .ar-cluster-popup .leaflet-popup-content{width:330px!important;max-height:400px;margin:0;overflow:auto}
.arem-results-app .ar-cluster-list{font-family:Manrope,Arial,sans-serif;color:#162b4a}
.arem-results-app .ar-cluster-list-head,.arem-results-app .ar-cluster-list-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f7f9fc;border-bottom:1px solid #e1e7f0}
.arem-results-app .ar-cluster-list-head strong{font-size:14px}
.arem-results-app .ar-cluster-list-close{width:28px;height:28px;border:0;border-radius:50%;background:#e9eef7;color:#17315a;font-size:19px;cursor:pointer}
.arem-results-app .ar-cluster-list-item{display:flex;gap:10px;padding:9px 10px;border-bottom:1px solid #e8edf4;color:#14243d!important;text-decoration:none!important}
.arem-results-app .ar-cluster-list-item:hover{background:#f4f7fc}
.arem-results-app .ar-cluster-list-item img,.arem-results-app .ar-cluster-list-no-photo{flex:0 0 88px;width:88px;height:68px;object-fit:cover;border-radius:7px;background:#edf2f8}
.arem-results-app .ar-cluster-list-no-photo{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:10px}
.arem-results-app .ar-cluster-list-copy{display:flex;min-width:0;flex-direction:column;gap:3px;font-size:12px}
.arem-results-app .ar-cluster-list-copy strong{color:#071a9b;font-size:14px}
.arem-results-app .ar-cluster-list-copy span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arem-results-app .ar-cluster-list-copy small{color:#64748b;font-size:10px}
.arem-results-app .ar-cluster-list-pages{border-top:1px solid #e1e7f0;border-bottom:0;font-size:11px;color:#53647b}
.arem-results-app .ar-cluster-page{padding:6px 9px;border:1px solid #d6deeb;border-radius:6px;background:#fff;color:#17315a;font-weight:700;cursor:pointer}
.arem-results-app .ar-cluster-page:disabled{opacity:.45;cursor:default}
@media (min-width:821px){
 .arem-results-app .ar-main.ar-map-only .ar-list{display:none!important}
 .arem-results-app .ar-main.ar-map-only .ar-map{width:100%!important;max-width:100%!important;flex:1 1 100%!important}
 .arem-results-app .ar-main.ar-list-only .ar-map{display:none!important}
 .arem-results-app .ar-main.ar-list-only .ar-list{width:100%!important;max-width:100%!important;flex:1 1 100%!important}
}
@media (max-width:820px){
 .arem-results-app .ar-map-tools{max-width:calc(100vw - 34px)}
 .arem-results-app .ar-map-view-tools{gap:0}
 .arem-results-app .ar-map-tool{min-height:34px;padding:0 8px;font-size:11px}
 .arem-results-app .ar-map-streetview{padding:7px 8px;font-size:11px}
 .arem-results-app .ar-cluster-popup .leaflet-popup-content{width:min(330px,calc(100vw - 86px))!important}
}

/* Keep custom controls inside the Leaflet canvas, below the page-level map actions. */
.arem-results-app #ar-map-canvas .leaflet-top.leaflet-right{width:100%;pointer-events:none}
.arem-results-app #ar-map-canvas .leaflet-top.leaflet-right .ar-map-tools{float:right!important;position:relative!important;width:max-content!important;max-width:calc(100% - 20px);margin:56px 10px 0 0!important;pointer-events:auto;z-index:1100}
.arem-results-app #ar-map-canvas .leaflet-top.leaflet-right .ar-map-tools .ar-map-view-tools{width:max-content;max-width:100%}

.arem-results-app #ar-map-canvas .leaflet-top.leaflet-right .ar-map-tools{flex-direction:column;align-items:flex-end}
.arem-results-app #ar-map-canvas .leaflet-top.leaflet-right .ar-map-streetview{width:max-content;min-width:105px;box-sizing:border-box}

/* Keep the Street View action comfortably inside the map edge. */
.arem-results-app #ar-map-canvas .leaflet-top.leaflet-right .ar-map-streetview{margin-right:18px!important}
