/* Kisure Sports v351 — durable player transfer trail and Transfer Centre links */
.ks-transfer-player-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 22px;
    padding: 20px 22px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 18px;
    background: var(--surface, #fff);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}
.ks-transfer-player-filter h1 { margin: 2px 0 5px; font-size: clamp(1.3rem, 2.4vw, 2rem); line-height: 1.08; color: var(--text, #111827); }
.ks-transfer-player-filter p { margin: 0; max-width: 760px; color: var(--muted, #64748b); }
.ks-transfer-player-filter > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    font-weight: 800;
    color: var(--brand, #0aa6a6);
}
.ks-transfer-input-wrap { position: relative; }
.ks-transfer-input-wrap > i {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted, #64748b);
    pointer-events: none;
}
.ks-transfer-input-wrap input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px 10px 38px;
    border: 1px solid var(--border, #dfe4ea);
    border-radius: 11px;
    background: var(--surface, #fff);
    color: var(--text, #111827);
    font: inherit;
    outline: 0;
}
.ks-transfer-input-wrap input:focus { border-color: var(--brand, #0aa6a6); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #0aa6a6) 14%, transparent); }
.ks-transfer-table__row { scroll-margin-top: 128px; }
.ks-transfer-table__row:target {
    border-color: var(--brand, #0aa6a6);
    box-shadow: inset 4px 0 0 var(--brand, #0aa6a6), 0 10px 24px rgba(15, 23, 42, .08);
    background: color-mix(in srgb, var(--brand, #0aa6a6) 7%, var(--surface, #fff));
}
.ks-transfer-fee-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.ks-transfer-record-link { font-size: .72rem; font-weight: 800; color: var(--brand, #0aa6a6); text-transform: uppercase; letter-spacing: .04em; }

.football-player-transfer-history .section-heading { align-items: center; gap: 16px; }
.football-player-transfer-trail { display: grid; gap: 10px; }
.football-player-transfer-record {
    display: grid;
    grid-template-columns: minmax(105px, .7fr) minmax(0, 2.4fr) auto;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 14px;
    background: var(--surface, #fff);
}
.football-player-transfer-record__date { display: grid; gap: 3px; }
.football-player-transfer-record__date strong { color: var(--text, #111827); font-size: .9rem; }
.football-player-transfer-record__date span { color: var(--muted, #64748b); font-size: .8rem; }
.football-player-transfer-record__route {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.football-player-transfer-record__route > a,
.football-player-transfer-record__route > span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: var(--text, #111827);
}
.football-player-transfer-record__route > a:first-child,
.football-player-transfer-record__route > span:first-child { justify-content: flex-end; text-align: right; }
.football-player-transfer-record__route > i { color: var(--muted, #94a3b8); text-align: center; }
.football-player-transfer-record__route strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }
.football-player-transfer-record__crest {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--text, #111827) 5%, transparent);
}
.football-player-transfer-record__crest img { width: 25px; height: 25px; object-fit: contain; }
.football-player-transfer-record__crest.is-placeholder { color: var(--muted, #94a3b8); }
.football-player-transfer-record__link { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; color: var(--brand, #0aa6a6); font-size: .8rem; font-weight: 850; }

html[data-theme="dark"] .ks-transfer-player-filter,
html[data-theme="dark"] .football-player-transfer-record,
html[data-theme="dark"] .ks-transfer-input-wrap input {
    background: var(--surface, #111827);
    border-color: color-mix(in srgb, #fff 14%, transparent);
}
html[data-theme="dark"] .ks-transfer-table__row:target {
    background: color-mix(in srgb, var(--brand, #0aa6a6) 15%, var(--surface, #111827));
}

@media (max-width: 1024px) {
    .ks-transfer-filters form { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ks-transfer-filter-group { border-right: 0 !important; }
    .football-player-transfer-record { grid-template-columns: 100px minmax(0, 1fr); }
    .football-player-transfer-record__link { grid-column: 2; justify-self: end; }
}

@media (max-width: 680px) {
    .ks-transfer-player-filter { align-items: flex-start; flex-direction: column; padding: 17px; }
    .ks-transfer-filters form { grid-template-columns: 1fr !important; }
    .football-player-transfer-history .section-heading { align-items: flex-start; flex-direction: column; }
    .football-player-transfer-record { grid-template-columns: 1fr; gap: 12px; padding: 14px; }
    .football-player-transfer-record__date { grid-template-columns: 1fr auto; align-items: center; }
    .football-player-transfer-record__route { grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr); gap: 7px; }
    .football-player-transfer-record__route > a,
    .football-player-transfer-record__route > span { flex-direction: column; gap: 5px; text-align: center !important; justify-content: center !important; }
    .football-player-transfer-record__route strong { white-space: normal; line-height: 1.2; }
    .football-player-transfer-record__link { grid-column: 1; justify-self: end; }
}
