/* ===== DSDirections 導航按鈕（/assets/js/directions.js 產生）=====
 * 黃底深字：白底 popup（OPS）與深色 popup（airspace 那種）上都看得清楚。
 * 選擇器疊 .leaflet-container 提高優先級，蓋過 leaflet.css 的 `.leaflet-container a` 連結色。 */
.ds-dir {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.leaflet-container a.ds-dir-btn,
a.ds-dir-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    background: var(--primary);
    color: var(--on-accent);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
}
.leaflet-container a.ds-dir-btn:hover,
a.ds-dir-btn:hover { background: var(--accent); color: var(--on-accent); }
.ds-dir-btn .bx { font-size: 15px; }