/* CSS Document bing map css customer*/

  /* ===== 默认图钉：紫色双圆环（对齐上海页 Bing 默认图钉视觉） ===== */
  .sz-pin-wrap {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .sz-pin {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #8e44ad;
    box-shadow: 0 0 3px rgba(0, 0, 0, .45);
  }
  .sz-pin:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: #8e44ad;
  }

  /* ===== 标注文字：图钉下方深灰小字，无背景框/无箭头（对齐上海页 title 标签） ===== */
  .leaflet-tooltip.shenzhen-map-label,
  .shenzhen-map-label {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #404040 !important;
    font: bold 14px/15px Arial, Helvetica, Sans-Serif !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    /* 白色描边：8 方向白色投影叠加，兼容各浏览器 */
    text-shadow:
      -1px -1px 0 #fff,  1px -1px 0 #fff,
      -1px  1px 0 #fff,  1px  1px 0 #fff,
       0   -1px 0 #fff,  0    1px 0 #fff,
      -1px    0 0 #fff,  1px    0 0 #fff;
  }
  /* 去掉 Leaflet 气泡箭头，保持纯文字标签 */
  .leaflet-tooltip.shenzhen-map-label:before,
  .leaflet-tooltip-bottom.shenzhen-map-label:before {
    display: none !important;
    border: none !important;
  }
  /* ===== 方向面板：沿用原 Bing 版样式类名 .directionsInput / a.dirBtnGo / tMap .directionsPanel ===== */
  #directionsPanel {
    color: #404040;
    font-family: 'Segoe UI', 'San Francisco', Helvetica, Arial, Sans-Serif;
  }
  .dir-row { margin: 0 0 7px 0; display: flex; align-items: center; }
  .dir-lbl { flex: none; width: 33px; font-size: 13px; color: #404040; }
  .dir-field { flex: none; width: 66.6667%; position: relative; box-sizing: border-box; }
  #dirFrom, #dirTo {
    width: 100%; box-sizing: border-box; height: 28px;
    padding: 0 5px 2px 7px; font-size: 13px; color: #444;
    border: 1px solid #bebebe; outline: none; background: #fff;
  }
  /* Go / Clear 按钮：同一款式，左右并排居中（宽度适配 24.67% 侧栏，不换行） */
  #dirBtnGo, #dirBtnClear {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    padding: 0 18px 0px 18px;
    margin: 0 30px;
    border-radius: 2px;
    background: #B8860B !important;
  }
  .dir-hint { font-size: 13px; color: #888; margin: 4px 0 2px; }
  .autocomplete-list {
    position: absolute; left: 0; right: 0; top: 100%; z-index: 2500;
    background: #fff; border: 1px solid #bebebe; border-top: none;
    max-height: 220px; overflow-y: auto; text-align: left;
  }
  .autocomplete-list div {
    padding: 4px 8px; font-size: 13px; color: #444; cursor: pointer;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .autocomplete-list div:hover, .autocomplete-list .sel { background: #e6f2f5; }
