/* ============================================================
   Funkcja 4 — SYLWETKA POCIĄGU „z boku".
   Dyskretna, półprzezroczysta sylwetka (inna dla IC/TLK, inna dla Regio),
   wjeżdżająca z boku zależnie od kierunku jazdy. Warstwa NIEINWAZYJNA:
   position:fixed, pointer-events:none, niski profil przy dolnej krawędzi —
   nie zasłania kluczowych informacji tablicy. Tylko gdy pociąg jest ON_SEGMENT.
   Wyłączenie: WOW_FLAGS.sylwetka = false w wow-config.js.
   ============================================================ */
#trainSilhouette{
  /* niski profil: „zagląda" znad dolnej krawędzi, nie zasłaniając treści list/karty */
  position:fixed;bottom:-20px;z-index:40;pointer-events:none;
  width:min(38vw,270px);opacity:0;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));
  transition:transform .95s cubic-bezier(.22,.61,.36,1), opacity .6s ease;
}
#trainSilhouette svg{width:100%;height:auto;display:block;overflow:visible}

/* kolory z palety tablicy */
#trainSilhouette .train-body{fill:var(--ink)}
#trainSilhouette .train-accent{fill:var(--amber)}
#trainSilhouette .train-window{fill:var(--bg-panel)}
#trainSilhouette .headlight{fill:#fff;opacity:0}
#trainSilhouette .headbeam{fill:url(#wxBeam);opacity:0}

/* A_TO_B: jedzie w stronę Trzebiatowa (w prawo) — wjazd z LEWEJ, front w prawo (odbicie) */
#trainSilhouette.dir-ab{left:3vw;transform:translateX(-170%) scaleX(-1)}
#trainSilhouette.dir-ab.in{transform:translateX(0) scaleX(-1);opacity:.42}
/* B_TO_A: jedzie w stronę Płotów (w lewo) — wjazd z PRAWEJ, front w lewo */
#trainSilhouette.dir-ba{right:3vw;transform:translateX(170%)}
#trainSilhouette.dir-ba.in{transform:translateX(0);opacity:.42}

/* noc: reflektor świeci + snop światła */
#trainSilhouette.night .headlight{opacity:1;filter:drop-shadow(0 0 6px #fff)}
#trainSilhouette.night .headbeam{opacity:.45}

/* Uszanuj prefers-reduced-motion: bez wjazdu — sylwetka pojawia się w spoczynku (fade). */
@media(prefers-reduced-motion:reduce){
  #trainSilhouette{transition:opacity .5s ease}
  #trainSilhouette.dir-ab{transform:scaleX(-1)}
  #trainSilhouette.dir-ba{transform:none}
  #trainSilhouette.in{opacity:.5}
}