/* 天地图 PC 站样式
   只服务于 html/Public/js/tdt/ 下的模块，不影响原百度地图页面 */

/* DivIcon 默认会带 12x12 的尺寸和边框，这里清掉 */
.tdt-anchor-icon,
.tdt-rotate-icon {
    background: none;
    border: none;
    overflow: visible;
}

/* 零尺寸锚点：容器只占一个点，内部元素靠 absolute + bottom:0 挂在该点上方 */
.tdt-anchor-icon > div {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* 轨迹点时间标签，替代原 ComplexCustomOverlay */
.tdt-track-label {
    transform: translateX(-50%);
    background-color: #FF9625;
    border: 1px solid #C88A48;
    color: #fff;
    padding: 8px;
    line-height: 18px;
    font-size: 13px;
    white-space: nowrap;
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
}

/* 位置信息气泡（复用 layout.css 里的 .pos_info_box 外观与尾巴） */
.tdt-infobox-anchor {
    transform: translateX(-50%);
}

.tdt-infobox-anchor .pos_info_box {
    position: relative;
    /* 与气泡间距统一由 Tdt.infoBox 的 offsetY 控制，不叠加原 margin */
    margin-bottom: 0;
}

.tdt-infobox-close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

/* 信息窗：天地图没有百度的 title 选项，标题自己渲染 */
.tdt-iw-title {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 6px;
}

.tdt-iw-body img {
    max-width: 100%;
    height: auto;
}

/* 天地图版权/比例尺控件压住了原页面底部，抬一点层级避免被遮挡 */
.tdt-control-copyright,
.tdt-control-scale {
    z-index: 10;
}

/* 关键：让 #mapContainer 自己形成堆叠上下文。
   Leaflet 的 pane 带 z-index 200~700 且 pointer-events:none；若容器不形成
   堆叠上下文，这些 z-index 会泄漏到根上下文，把绝对定位且 z-index 为 auto 的
   #mainQuery（搜船盘/查船位搜索区）在绘制顺序上盖住——表现为"地图出来了但
   搜索区不见了"，而 elementFromPoint 仍能命中（因为 pointer-events:none）。
   百度版没这问题：BMap 初始化时会给容器设 z-index:0，天然关住了内部层级。
   这里显式补上，与百度行为对齐。 */
#mapContainer {
    position: relative;
    z-index: 0;
}

/* 双保险：搜索区（搜船盘/查船位）显式抬到地图 pane 之上。
   上面那条已把 pane 关进容器堆叠上下文，这里再给搜索区一个明确层级，
   即使日后 SDK 或布局变动也不至于再被盖住。 */
#mainQuery {
    z-index: 500;
}