/* Oyuncu kariyer zaman çizelgesi (Ajan R; web/player.php "Kariyer ve transferler"): saklanan transfer kayıtları — tarih, kulüp
   armaları, bedel, kiralık işareti. Sayfa bu dosyayı kendisi ekler ($this->push('styles')); ortak stil dosyalarına dokunulmaz.
   Mobil önce: 360 px'te tarih sütunu + sarmalanan kulüp satırı, geniş ekranda tek satır. Renkler tema belirteçlerinden (açık / koyu). */

.career-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.career-head h2 { margin: 0; }
.career-head__sum { font-size: var(--fs-xs); color: var(--text-muted); }

.career { position: relative; display: grid; margin: 0; padding: 0; list-style: none; }
.career::before { content: ''; position: absolute; inset-block: var(--space-4); inset-inline-start: 5px; width: 2px; border-radius: 2px; background: var(--border); }

.career__item {
  position: relative; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); grid-template-areas: 'when move' 'when deal';
  column-gap: var(--space-3); row-gap: 6px; padding-block: var(--space-3); padding-inline-start: var(--space-6); border-block-end: 1px solid var(--border);
}
.career__item:last-child { border-block-end: 0; }

/* Nokta: kalıcı geçiş dolu, kiralık dönemi kesikli halka, emeklilik / ayrılış soluk */
.career__dot {
  position: absolute; inset-inline-start: 0; inset-block-start: calc(var(--space-3) + 4px); box-sizing: border-box;
  width: 12px; height: 12px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 3px var(--bg);
}
.career__item.is-loan .career__dot { background: var(--bg); border: 2px dashed var(--accent); }
.career__item--retired .career__dot, .career__item--released .career__dot, .career__item--other .career__dot { background: var(--text-muted); }

.career__when { grid-area: when; padding-block-start: 2px; font-size: var(--fs-xs); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.career__move { grid-area: move; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; }
.career__club { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; color: var(--text); font-size: var(--fs-sm); font-weight: 600; text-decoration: none; }
.career__club > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.career__club:hover > span:last-child, a.career__club:focus-visible > span:last-child { text-decoration: underline; }
.career__club--none { color: var(--text-muted); font-weight: 500; font-style: italic; }
.career__arrow { display: inline-flex; flex: none; color: var(--text-muted); }
.career__arrow .icon { width: 14px; height: 14px; }
[dir='rtl'] .career__arrow { transform: scaleX(-1); }
.career__deal { grid-area: deal; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.career__fee { font-size: var(--fs-sm); font-weight: 700; }
.career__note { font-size: var(--fs-xs); color: var(--text-muted); }

@media (min-width: 640px) {
  .career__item { grid-template-columns: 6rem minmax(0, 1fr) auto; grid-template-areas: 'when move deal'; align-items: center; }
  .career__dot { inset-block-start: 50%; transform: translateY(-50%); }
  .career__when { padding-block-start: 0; }
  .career__deal { justify-content: flex-end; }
}