/* ============================================================================
   new-ui/trajnues.css — the trainer page's "Pyet për të" (2026-10-10, design
   "KosovaJob — publik + i kyçur", docs/design/design-2026-10-09/components/KJTrainer.html;
   ROADMAP P4-trainers; kj-trainer-msg-start.php kj_trmsg_ask_html()). Loads after
   new-ui/trainings.css, which carries the rest of /trajnues.

   This file used to hold the 2026-09-14 Batch-1 /trajnues rules; nothing had linked it
   since new-ui/trainings.css took the trainings pages over (09-15), and its .kj-trr-*
   rules would now fight that sheet. Its old content is kept in the package backup
   (p234-backup/p4-trainers/new-ui__trajnues.css).

   The design's ask button, measured on #/trajnues/codeks @1440: h42, padding 0 17,
   r999, no border, the brand gradient, white 13.5/800, shadow-accent, gap 8 with a 16px
   chat icon; hover lifts it 1px. In the identity card's stack (gap 9, a column on
   phones — trainings.css) it sits after "Ndiq" (kept first, 2026-10-09) and before
   "Shpërndaje".
   ============================================================================ */

.kj-trr-askbtn { height: 42px; padding: 0 17px; border-radius: 999px; border: 0; background: var(--kj-b3-gradient); color: #fff; font-family: inherit; font-weight: 800; font-size: 13.5px; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; white-space: nowrap; cursor: pointer; box-shadow: var(--kj-shadow-accent); transition: transform .2s; -webkit-appearance: none; appearance: none; }
.kj-trr-askbtn svg { flex: none; width: 16px; height: 16px; }
.kj-trr-askbtn:hover { transform: translateY(-1px); color: #fff; }
.kj-trr-askbtn:focus-visible { outline: 2px solid var(--kj-coral-500, #FE616C); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .kj-trr-askbtn { transition: none; }
  .kj-trr-askbtn:hover { transform: none; }
}

/* The identity card is lifted 72px over the 230px cover (trainings.css). The cover's inner box
   (.kj-trr-cover__in: absolute, inset 0, z-index 1 — it holds the crumb) painted over the card's top
   band, so on desktop a real pointer never reached "Ndiq", the ask pill or "Shpërndaje" (measured
   2026-10-10: elementFromPoint at the pill → DIV.kj-trr-cover__in; only phones, where the stack
   sits below the cover, worked). The card is already position: relative; stacking it above the
   inner box fixes all three. The crumb sits 22px into the cover, 136px above the card: nothing of
   it is covered. */
.kj-trr-card { z-index: 2; }

/* The learn sub-nav (kj_learn_subnav_html — Gjithë katalogu · Për ty · Trajnuesit, a candidate
   session) pins the bar from y72 to 122 (its top rule over the header's, the 48px row, a rule under it — base.css .kj-subnav--b3, 2026-10-11): the pinned chrome is 122px (base.css
   --kj-b3-chrome-h), so the rail keeps its 19px (92 = 73 + 19) under that. trajnues.php adds the
   class only when it prints the bar. */
.kj-trn-page--learnnav .kj-trr-rail { top: 141px; }