/* rekrutacja-multi.css — rekrutacje równoległe (2026-10-30): strona z kafelkami (/rekrutacja) i link „← Wszystkie rekrutacje” w formularzu.
   Ładowany tylko przy włączonym przełączniku (rekrutacja_form.php). Tokeny z rekrutacja.css (.rf). Mobile-first, kafelek = jeden link. */

/* ---------- Link powrotu w nagłówku formularza ---------- */
.rf-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 6px;font:700 14px/1.2 var(--ff);letter-spacing:.01em}
.rf-hero .rf-back{color:var(--on-dark-2);text-decoration-color:rgba(181,102,255,.6)}
.rf-hero .rf-back:hover{color:#fff;text-decoration-color:var(--violet-300)}

/* ---------- Strona z kafelkami ---------- */
.rf-wrap-tiles{padding-top:24px}
.rf-tiles-h{font:800 22px/1.15 var(--ff-d);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);margin:0 0 14px}
.rf-tiles-n{color:var(--mute);font-weight:700}
.rf-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.rf-tiles li{margin:0;display:flex}
.rf .rf-tile{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;min-height:100%;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);
  box-shadow:var(--sh-card);padding:20px 18px 18px;color:var(--ink);text-decoration:none;overflow:hidden;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .2s;-webkit-tap-highlight-color:transparent}
.rf .rf-tile:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(14,14,14,.05),0 18px 40px rgba(130,40,204,.16);border-color:rgba(163,57,255,.45);color:var(--ink)}
.rf .rf-tile:focus-visible{outline:3px solid var(--tape-2);outline-offset:3px;border-radius:var(--r)}
.rf-tile-t{font:700 22px/1.2 var(--ff-h);letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
.rf-tile-meta{display:block;font:700 12px/1.4 var(--ff);text-transform:uppercase;letter-spacing:.06em;color:var(--slate)}
.rf-tile-meta b{color:var(--tape-ink);font-weight:800}
.rf-tile-d{font-size:15px;line-height:1.55;color:var(--ink-2)}
.rf-tile-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--r-pill);
  background:linear-gradient(135deg,#A339FF 0%,#8228CC 100%);color:#fff;font:700 15px/1 var(--ff);box-shadow:var(--sh-cta)}
.rf-tile-arr{transition:transform .3s var(--ease)}
.rf .rf-tile:hover .rf-tile-arr{transform:translateX(4px)}
.rf-tile.is-draft{border-style:dashed;border-color:var(--orange)}
.rf-tile-draft{align-self:flex-start;background:var(--orange-soft);color:var(--ink);border-radius:var(--r-xs);padding:4px 8px;font:800 11px/1.2 var(--ff);text-transform:uppercase;letter-spacing:.06em}
.rf-tiles-fine{margin-top:24px}
@media (prefers-reduced-motion:reduce){ .rf .rf-tile,.rf-tile-arr{transition:none} .rf .rf-tile:hover{transform:none} }
@media (min-width:720px){
  .rf-wrap-tiles{padding-top:40px}
  .rf-tiles-h{font-size:26px;margin-bottom:18px}
  .rf-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .rf-tiles li:only-child{grid-column:1 / -1}
  .rf .rf-tile{padding:26px 26px 22px}
  .rf-tile-t{font-size:26px}
}