/* Frontend styles for RankRMLocation */
.rankrm-location-wrapper{
  width:100%;
}

.rankrm-location-map--leaflet{
  width:100%;
  height:520px;
  border-radius:12px;
  overflow:hidden;
  --rankrm-pin-color:#D21F3C;
}

.rankrm-location-legend{
  display:flex;
  gap:14px;
  align-items:center;
  margin-top:10px;
  flex-wrap:wrap;
  font-size:14px;
}

.rankrm-location-legend-item{
  display:flex;
  align-items:center;
  gap:8px;
}

.rankrm-location-swatch{
  width:16px;
  height:12px;
  border-radius:3px;
  border:1px solid rgba(0,0,0,.08);
}

.rankrm-location-pin{
  width:12px;
  height:12px;
  border-radius:50%;
  background: var(--rankrm-pin-color);
  border:2px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
  display:inline-block;
}

/* Marker */
.rankrm-hq-divicon{ background:transparent; border:none; }
.rankrm-hq-marker{
  display:inline-block;
  width:14px; height:14px;
  border-radius:50%;
  background: var(--rankrm-pin-color);
  border:2px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.35);
}