/* ──────────────────────────────────────────────────────────────────────────
   OHR Map Styles — Mapbox overrides for OHR brand consistency.
   Pairs with ohr-map.js. Include after mapbox-gl.css and mapbox-gl-draw.css.
   ────────────────────────────────────────────────────────────────────────── */

/* Property pin marker */
.ohr-map-pin{
  width:32px;height:32px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
  transform:translateY(-2px);
}
.ohr-map-pin svg{width:100%;height:100%;display:block;}

/* Comp marker dot (used by addCircleMarkers) */
.ohr-map-dot{
  transition:transform .12s ease;
}
.ohr-map-dot:hover{transform:scale(1.15);}

/* Popup styling — match OHR typography */
.mapboxgl-popup-content{
  font-family:'IBM Plex Sans',sans-serif;
  font-size:12px;
  padding:10px 14px;
  border-radius:6px;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
  background:var(--white,#fff);
  color:var(--ink,#1A1A1A);
}
.mapboxgl-popup-content strong{font-weight:600;}
.mapboxgl-popup-tip{border-top-color:var(--white,#fff);}

/* Dark mode popup */
html[data-theme="dark"] .mapboxgl-popup-content{
  background:#1C1B1A;
  color:#F2F0EC;
}
html[data-theme="dark"] .mapboxgl-popup-tip{border-top-color:#1C1B1A;}
html[data-theme="dark"] .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
html[data-theme="dark"] .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
html[data-theme="dark"] .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-bottom-color:#1C1B1A;}

/* Attribution — subtle in both modes */
.mapboxgl-ctrl-attrib{
  font-family:'IBM Plex Sans',sans-serif;
  font-size:10px;
  background:rgba(255,255,255,.75)!important;
}
html[data-theme="dark"] .mapboxgl-ctrl-attrib{
  background:rgba(20,20,19,.7)!important;
  color:rgba(255,255,255,.55)!important;
}
html[data-theme="dark"] .mapboxgl-ctrl-attrib a{color:rgba(255,255,255,.55)!important;}

/* Navigation control (zoom) */
.mapboxgl-ctrl-group{box-shadow:0 1px 4px rgba(0,0,0,.18)!important;}
html[data-theme="dark"] .mapboxgl-ctrl-group{
  background:#1C1B1A!important;
  border:1px solid #3D3C3A!important;
}
html[data-theme="dark"] .mapboxgl-ctrl-group button{background:transparent!important;}
html[data-theme="dark"] .mapboxgl-ctrl-group button:hover{background:rgba(255,255,255,.05)!important;}
html[data-theme="dark"] .mapboxgl-ctrl-group button span{filter:invert(1) brightness(.95);}
html[data-theme="dark"] .mapboxgl-ctrl-group button + button{border-top:1px solid #3D3C3A!important;}

/* OHR draw toolbar — vertical control group (polygon · rectangle · trash) */
.ohr-draw-toolbar{
  display:flex;flex-direction:column;align-items:stretch;
  background:#fff;border-radius:4px;overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
}
.ohr-draw-toolbar .ohr-draw-btn{
  width:29px;height:29px;
  display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;cursor:pointer;color:#404040;padding:0;
  border-bottom:1px solid rgba(0,0,0,.08);
  transition:background .12s ease,color .12s ease;
}
.ohr-draw-toolbar .ohr-draw-btn:last-child{border-bottom:0;}
.ohr-draw-toolbar .ohr-draw-btn:hover{background:rgba(0,0,0,.04);color:#1A1A1A;}
.ohr-draw-toolbar .ohr-draw-btn.active{background:rgba(193,39,45,.12);color:#C1272D;}
.ohr-draw-toolbar .ohr-draw-btn svg{display:block;}

/* Dark mode */
html[data-theme="dark"] .ohr-draw-toolbar{background:#1C1B1A;}
html[data-theme="dark"] .ohr-draw-toolbar .ohr-draw-btn{color:#DDD9D4;border-bottom-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .ohr-draw-toolbar .ohr-draw-btn:hover{background:rgba(255,255,255,.06);color:#fff;}
html[data-theme="dark"] .ohr-draw-toolbar .ohr-draw-btn.active{background:rgba(255,80,80,.18);color:#FF6B6B;}

/* MapboxDraw control buttons */
.mapbox-gl-draw_ctrl-draw-btn{box-shadow:0 1px 4px rgba(0,0,0,.18);}
html[data-theme="dark"] .mapbox-gl-draw_ctrl-draw-btn{
  background-color:#1C1B1A!important;
  border-color:#3D3C3A!important;
}
html[data-theme="dark"] .mapbox-gl-draw_ctrl-draw-btn:hover{background-color:rgba(255,255,255,.05)!important;}
html[data-theme="dark"] .mapbox-gl-draw_ctrl-draw-btn.active{background-color:rgba(193,39,45,.18)!important;}