/* =========================================================
   PASHO — animacioni i hyrjes (intro.js)
   Ngjyrat vijnë nga tema: --intro-bg, --intro-ink, --intro-line, --brand-blue, --brand-gray
   ========================================================= */
.pi-svg { display: block; width: 100%; height: 100%; }
.pi-floor { stroke: var(--intro-line, #c7cdd6); stroke-width: 2; }
.pi-outline path { fill: none; stroke: var(--intro-line, #c7cdd6); stroke-width: 1.3; stroke-dasharray: 6 6; vector-effect: non-scaling-stroke; }
.pi-w line { stroke: var(--intro-ink, #1b2130); stroke-linecap: round; }
.pi-w path, .pi-w circle, .pi-w rect { fill: var(--intro-ink, #1b2130); }
.pi-w .pi-back { opacity: .7; }
.pi-crane .lat { fill: none; stroke: var(--intro-ink, #1b2130); stroke-width: 2.6; stroke-linejoin: round; }
.pi-crane .solid { fill: var(--intro-ink, #1b2130); }
.pi-cable { stroke: var(--intro-ink, #1b2130); stroke-width: 2; }
.pi-stack rect { fill: var(--intro-ink, #1b2130); opacity: .85; }
.pi-dust ellipse { fill: var(--intro-line, #c7cdd6); }
.pi-spark { fill: #f2b33d; }
.pi-word text { font-family: "Montserrat", Arial, sans-serif; }

/* në krye të kryefaqes */
.pi-replay {
  position: absolute; right: 12px; bottom: 12px; z-index: 3;
  padding: 7px 12px; border: 1px solid var(--intro-line, #c7cdd6); border-radius: 3px;
  background: var(--intro-bg, #fff); color: var(--intro-ink, #1b2130);
  font: 500 13px/1 var(--font-body, system-ui, sans-serif); cursor: pointer; opacity: .85;
}
.pi-replay:hover { opacity: 1; }

/* ekrani hyrës */
.pi-splash {
  --intro-bg: var(--bg, #fff); --intro-ink: var(--ink, #1b2130); --intro-line: var(--line-2, #c7cdd6);
  position: fixed; inset: 0; z-index: 300; display: grid; place-items: center;
  background: var(--intro-bg); transition: opacity .5s ease;
}
[data-theme="antracit"] .pi-splash { --brand-blue: #6f80e8; --brand-gray: #8f939c; }
.pi-splash.out { opacity: 0; pointer-events: none; }
.pi-splash-box { width: min(1120px, 94vw); aspect-ratio: 16 / 9; }
.pi-skip {
  position: absolute; top: 18px; right: 18px; padding: 9px 16px;
  border: 1px solid var(--intro-line); border-radius: 3px; background: transparent;
  color: var(--intro-ink); font: 500 14px/1 var(--font-body, system-ui, sans-serif); cursor: pointer;
}
.pi-skip:hover { border-color: var(--intro-ink); }
@media (prefers-reduced-motion: reduce) { .pi-splash { display: none; } }

/* shkëndijat e saldimit, ngarkesat dhe slogani */
.pi-spk { stroke: #ffc65c; stroke-width: 3; stroke-linecap: round; }
.pi-glow { fill: #fff0b3; }
.pi-core { fill: #ffffff; }
.pi-carry { fill: var(--intro-ink, #1b2130); }
.pi-slogan { font: 600 46px/1 "Montserrat", Arial, sans-serif; fill: var(--intro-text, var(--intro-ink, #1b2130)); }
.pi-slogan-lead { font-weight: 700; }