/* wgf-forever-travel-visual.css - maps, icons and zone art for /wow-forever/travel/.
 *
 * Companion to wgf-forever-travel.css (kept separate so the base skin stays one concern and
 * this file can ship without bumping the shared ASSET_VERSION). Scoped to .ft-* only.
 * Palette: Blizzard gold / faction blue / faction red on the dark panel. No green chrome
 * (docs/ui-ux/17-blizzard-palette.md); the base skin's green provenance diamond is repointed
 * to gold below.
 */
.ft-source-mined::before{color:var(--ft-gold,#c8aa6e)}
.ft-section a{color:#e8c77a}
.ft-section a:hover{color:#fff}

.ft-ico{display:inline-block;vertical-align:middle;border-radius:4px;
  border:1px solid rgba(200,170,110,.55);background:#0c0f16;object-fit:cover}
.ft-crest{border-radius:3px;margin-right:2px}

/* Maps: art underneath, one SVG on top in the same 1002x668 space. */
.ft-maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:.8em 0 .4em}
.ft-map{margin:.8em 0;background:#0c0f16;border:1px solid var(--ft-line,#2a3245);
  border-radius:6px;overflow:hidden}
.ft-maps .ft-map{margin:0}
.ft-map-stage{position:relative;line-height:0}
.ft-map-stage img{width:100%;height:auto;display:block}
.ft-map-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ft-map figcaption{padding:8px 11px;font-size:12.5px;line-height:1.45;
  color:var(--ft-dim,#8b95ab);border-top:1px solid var(--ft-line,#2a3245)}
.ft-edge{stroke:rgba(232,199,122,.5);stroke-width:1.3;fill:none}
.ft-edge-hot{stroke:#ffd96b;stroke-width:2.8;stroke-opacity:.95}
.ft-edge-boat{stroke:#8fc0ff;stroke-width:2.4;stroke-dasharray:7 5;stroke-opacity:.95}
.ft-edge-zeppelin{stroke:#ff9a7a;stroke-width:2.4;stroke-dasharray:3 5;stroke-opacity:.95}
.ft-edge-walk{stroke-dasharray:8 5}
.ft-mk{cursor:default}
.ft-mklbl{font:700 12px/1 system-ui,Segoe UI,sans-serif;fill:#fff;stroke:#05070b;
  stroke-width:3.2px;paint-order:stroke;pointer-events:none}

.ft-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:.4em 0 1.4em;
  padding:0;font-size:12.5px;color:var(--ft-dim,#8b95ab)}
.ft-legend li{display:flex;align-items:center;gap:6px}
.ft-lg-line{display:inline-block;width:22px;height:0;border-top:2px solid rgba(232,199,122,.7)}

/* Zone heading with its map art. */
.ft-zhead{display:flex;align-items:center;gap:14px;margin:1.6em 0 .5em}
.ft-zhead h3{margin:0 0 2px}
.ft-zhead p{margin:0;font-size:13px;color:var(--ft-dim,#8b95ab)}
.ft-zthumb{border-radius:5px;border:1px solid var(--ft-line,#2a3245);
  box-shadow:0 2px 10px rgba(0,0,0,.45);flex:0 0 auto;max-width:42vw;height:auto}

/* Tables: icon + name cell, coordinates in gold monospace. */
.ft-tablewrap{overflow-x:auto;margin:.4em 0 1em}
.ft-tablewrap .ft-table{margin:0;min-width:520px}
.ft-name .ft-ico{margin-right:8px}
.ft-nm{vertical-align:middle}
.ft-xy{font-variant-numeric:tabular-nums;color:#e8c77a;white-space:nowrap}

/* Boat and zeppelin cards. */
.ft-tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;
  margin:.8em 0 1.4em}
.ft-tcard{display:flex;gap:12px;padding:12px 14px;background:var(--ft-panel,#151922);
  border:1px solid var(--ft-line,#2a3245);border-radius:6px}
.ft-tcard h3{margin:0 0 2px;font-size:16px}
.ft-tcard p{margin:.2em 0;font-size:13.5px;line-height:1.5}
.ft-tcard .ft-tkind{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ft-gold,#c8aa6e)}
.ft-ends{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.ft-end{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:13px}
.ft-end b{color:#fff}
.ft-end span{color:var(--ft-dim,#8b95ab);font-size:12.5px}

@media (max-width:760px){
  .ft-maps{grid-template-columns:1fr}
  .ft-zhead{align-items:flex-start}
  .ft-mklbl{font-size:14px}
}