/* ===== 加油站共用樣式（/assets/js/fuel.js；OPS 加油站圖層與 /fuel/ 共用）=====
 * 色值全走 tokens.css。「營業中」不用綠色：站規禁止綠色 UI 強調（會被誤讀成可飛）。 */

/* 地圖標記：橘底深色油槍。疊 .leaflet-marker-icon 提高優先級，蓋過 leaflet.css 的白底 divIcon */
.leaflet-marker-icon.ds-fuel-marker { background: transparent; border: none; }
.ds-fuel-marker span {
    display: flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box;
    background: var(--accent); color: var(--on-accent);
    font-size: 14px;
    border: 2px solid var(--bg-dark);   /* 深色外框：衛星底圖上也看得清楚 */
}

.ds-fuel-pop { line-height: 1.55; }
.ds-fuel-pop .bx { vertical-align: -2px; }
.ds-fuel-brand { font-size: 12px; opacity: 0.75; }
.ds-fuel-badge {
    display: inline-block; padding: 0 6px; border-radius: var(--radius-sm);
    font-size: 11px; font-weight: 700; line-height: 18px;
}
.ds-fuel-badge.open   { background: var(--primary); color: var(--on-accent); }
.ds-fuel-badge.closed { border: 1px solid currentColor; opacity: 0.7; line-height: 16px; }
.ds-fuel-more { margin-top: 6px; font-size: 12px; }